DedeCMS里Calendar日历时间控件使用方法
这篇文章主要为各人详细介绍了DedeCMS里Calendar日历时间控件使用要领,具有一定的参考价值,感兴趣的小同伴们可以参考一下,有需要的朋友可以珍藏利便以后借鉴。
在织梦网站表单内里有时间我们会用到时间,好比,我们制作表单时,可能让用户填写时间,若是手工填写会很贫苦,可是,若是用一个类似时间或称日历的图形让用户点一下,就可以把时间填写好,这样是不是很是棒。
日历时间用到的文件是:
js文件:/dede/js/calendar/calendar.js
css文件:/dede/js/calendar/calendar-green.css
上面这二个文件是必须引入到html文件内里的,这里我把html文件起名为demo.html,上面的js和css文件缺一不行,请把这个两个文件放到demo.html内里。
另外用到的图片文件是:/dede/images
还用到了一个css文件:/dede/css/base.css, 这个base.css文件可以不要,这个是用来设置在时间输入框中加入一个小图标,
案例代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 |
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>织梦时间控件使用</title> <link rel="stylesheet" href="/js/calendar/calendar-blue.css"/> <script src="/js/calendar/calendar.js"></script> </head> <body> <input type="text" name="time_start" id="time_start" class="date" size="12" > <input type="text" name="time_end" id="time_end" class="date" size="12" > <script> Calendar.setup({ inputField : "time_start", ifFormat : "%Y-%m-%d %H:%M:%S", showsTime : true, timeFormat : "24" }); Calendar.setup({ inputField : "time_end", ifFormat : "%Y-%m-%d %H:%M:%S", showsTime : true, timeFormat : "24" }); </script> </body> </html> |
效果图如下:
①本站所有织梦模板资源均来自用户分享和网络收集,如果侵犯了您的权益,请联系网站客服处理
②本站提供的织梦源码,均带数据及演示地址。可以在任一源码详情页查看演示地址。
③由于博主时间紧缺,所有模板源码不提供技术支持。仅部分收费原创源码提供售后
④如遇模板源码下载链接打不开或者有错误,请联系网站客服QQ指出纠正。
⑤人民币与金币汇率为1比1,即1元=1金币
织梦楼 » DedeCMS里Calendar日历时间控件使用方法
织梦楼 » DedeCMS里Calendar日历时间控件使用方法