当前位置：免费素材_软件_模板_源码下载_开源之家-更快的站长下载站 | 技术文章 | DEDE教程 | 正文

织梦Calendar日历时间控件使用方法

更新时间：2021-01-08 22:31 文章类目：DEDE教程文章来源：开源之家作者：开源之家浏览：123 次

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

日历时间用到的文件是：

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>

效果图如下：

织梦Calendar日历时间控件使用方法

转载请注明来源：织梦Calendar日历时间控件使用方法

本文永久链接地址： https://www.enboo.cn/CMSjiaocheng/DEDEjiaocheng/23005.html

文本标签：织梦教程

郑重声明：
本站所有内容均由互联网收集整理、网友上传，并且以计算机技术研究交流为目的，仅供大家参考、学习，不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动，请您购买正版授权并合法使用。我们不承担任何技术及版权问题，且不对任何资源负法律责任。
如无法链接失效或侵犯版权，请给我们来信：2225329841@qq.com

栏目导航

最新文章

热门文章