DEDECMS织梦系统页面添加日历控件

DEDECMS管理系统页面添加自定义功能，类似博客系统的日历插件功能，通过相应的js和css文件来构建自己风格的日历显示。

准备工具/原料

1.dedecms安装环境

2.日历控件的js和css

下载日历控件所需的js文件和css文件，下载路径如下。http://110.85.5.26:81/code/wz/日历控件.zip

内容文件包括:jquery.datetimepicker.js,jquery.js,jquery.datetimepicker.css

其中的jquery.js可选用任何版本，例如本次我使用的是jquery-1.11.1.min.js文件

打开dedecms的文件系统，找到decmstempletsdefault路径，下载的压缩包中的文件要放在对应的default文件夹目录下。

打开要插入日历控件的模板页面，例如index.html页面，引入要使用的js和css文件。

<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery-1.11.1.min.js"></script>

<script language="javascript" type="text/javascript" src="{dede:global.cfg_templets_skin/}/js/jquery.datetimepicker.js"></script>

在本页结尾标签页添加如下代码：

<script>

    $('#datetimepicker3').datetimepicker({

        inline:true

    });

</script>

一定要添加在页尾，因为先行加载input的标签，然后再渲染标签的效果，显出日历控件的模样。