站长之家 - 站长资讯 - 易采站长站

当前位置: > 建站教程 > 源码教程 > 博客日志 >

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

2015-04-18 13:42 | 来源:网络整理 | 编辑:秋军 |

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

准备工具/原料

1.

2.

下载日历控件所需的js文件和css文件,下载路径如下。

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

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

 

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

 

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

 

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

 

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

<link href="{dede:global.cfg_templets_skin/}/style/jquery.datetimepicker.css" rel="stylesheet" media="screen" type="text/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>

 

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

 

在本页<body>结尾标签页添加如下代码:

<script>

    $('#datetimepicker3').datetimepicker({

        inline:true

    });

</script>

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

 

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

 

打开页面,查看效果图。

 

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

  • WordPress博客系统搜索引擎优化seo全攻略
  • Dedecms待审核章在列表页显示的方法
  • windows系统中用XAMPP安装wordpress及配置图文教程
  • WordPress CMS的优势所在
  • WordPress最好用的博客系统之一
  • 织梦自定义表单通过ajax提交的实现方法
  • 织梦dedecms整合discuz论坛的操作方法
  • 织梦dedecms发文章上传图片提示:Upload filetype not allow 的处理解决方法
  • dedecms生成页面出现/include/templets/default/index.htm Not Found解决
  • 织梦教程:批量清空某栏目数据 使用SQL删除指定栏目全部文章
  • 网友评论

    关于我们 - 联系我们 - 广告服务 - 版权声明 - 人才招聘 - 友情链接 - 网站地图 - 帮助 - -

    CopyRight © 2010-2016 源码下载 easck.com , All Rights Reserved

    蒙公网安备 15052402000103号

    蒙ICP备14002389-1号