秋天来啦！秋天来啦！田野里就是美丽的图画。花生躲在地下，包着红色的毛毯，住在土黄色的房间里睡大觉。玉米姐姐穿着绿色的裙子，在叶子上跳舞，南瓜爷爷鼓着金黄色的大肚子，坐着高级的南瓜车，一边看风景一边享受。西红柿露出火红火红的脸蛋，正对着我们微笑。谁使秋天这样美？看，田野里的菊花做出了回答，菊花顶着一个爆炸头，在微风中轻轻摇动，好像在说：是勤劳的人们画出了秋天的图画。
在织梦网站表单里面有时候我们会用到时间，比如，我们制作表单时，可能让用户填写时间，如果手工填写会很麻烦，但是，如果用一个类似时间或称日历的图形让用户点一下，就可以把时间填写好，这样是不是非常棒。
日历时间用到的文件是：
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文件可以不要，这个是用来设置在时间输入框中加入一个小图标，
案例代码如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>织梦时间控件使用</title>
<link rel="stylesheet" rel="nofollow noopener noreferrer" 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>
效果图如下：
到此这篇关于DedeCMS里Calendar日历时间控件如何使用方法就介绍到这了。青春乃心境，而非年华；青春非现于桃面朱唇之艳，灵活矫健之躯，而现于志士之气，遐想之境，激情之盛。更多相关DedeCMS里Calendar日历时间控件如何使用方法内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！