首页 > 营销学院 > 技术知识

织梦Calendar日历时间控件使用方法_织梦CMS教程

在织梦网站表单里面有时候我们会用到时间，比如，我们制作表单时，可能让用户填写时间，如果手工填写会很麻烦，但是，如果用一个类似时间或称日历的图形让用户点一下，就可以把时间填写好，这样是不是非常棒。

日历时间用到的文件是：

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" 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>

效果图如下：

# 网站建设目的 # br # 推广的链接怎么改成网站 # 开店营销推广策略 # 推广线下用户怎么做营销 # seo快速排名软件搜行者SEO # 温州网站推广怎么选 # 银川网站建设及优化 # 和林格尔建设网站 # 河北网站建设设计公司 # 网络营销推广哪家稳定 # green # 南昌国外网站建设 # 开封营销推广是什么 # 涵江区企业网站建设 # 英文网站推广策划工作室 # 湛江网站优化定制公司 # 郑州网站建设莫道网络 # seo白帽逆冬 # 抖音seo 规则 # 牛肉关键词搜索排名前十 # 河北区网站营销推广招聘 # 写好 # 织梦CMS教程 # 织梦日历 # 织梦时间控件 # 表单 # 我把 # 能让 # 请把 # 会很 # 二个 # 还用 # 织梦Calendar日历时间控件使用方法 # 框中 # 梦网 # 就可以 # 或称 # 小图标 # 是用来 # center # align # html # css