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

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

栏目：网络技术发布时间：2020-12-30

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

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

日历时间用到的文件是：

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 # 江苏抖音网站建设业务 # 徐州网站建设品牌大全 # 无懈可击电影网站建设 # 滨海新区公司营销推广 # 吉林免费推广营销加盟 # 电抗器在什么网站推广的 # 农产品品牌营销推广报价 # 表白网站建设源码 # 营销推广计划图片素材网 # green # 贵阳挖掘机推广招聘网站 # 乐飞seo # 江津seo搜索排名优化 # 标有推广字样的网站 # 鹤壁免费企业网站推广 # 青岛行业推广员招聘网站 # 宜宾响应式网站建设价格 # seo修身是什么词 # seo挖掘逆向思维 # 淘宝店铺的seo优化 # 写好 # 织梦CMS教程 # 织梦日历 # 织梦时间控件 # 表单 # 我把 # 能让 # 请把 # 会很 # 二个 # 还用 # 织梦Calendar日历时间控件使用方法 # 框中 # 梦网 # 就可以 # 或称 # 小图标 # 是用来 # center # align # html # css

相关栏目：【网络营销44070 】【网络推广122852 】【网络优化116010 】【网址导航102054 】【网络技术82194 】【网络资讯43554 】

上一篇：织梦联动类型数据修改时无法显示的解决方法_织梦CMS教程

下一篇：织梦调用指定多个栏目的TAG标签_织梦CMS教程