這篇文章主要為大家詳細(xì)介紹了DedeCMS里Calendar日歷時(shí)間控件使用方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。
在織夢(mèng)網(wǎng)站表單里面有時(shí)候我們會(huì)用到時(shí)間，比如，我們制作表單時(shí)，可能讓用戶(hù)填寫(xiě)時(shí)間，如果手工填寫(xiě)會(huì)很麻煩，但是，如果用一個(gè)類(lèi)似時(shí)間或稱(chēng)日歷的圖形讓用戶(hù)點(diǎn)一下，就可以把時(shí)間填寫(xiě)好，這樣是不是非常棒。
日歷時(shí)間用到的文件是：
js文件：/dede/js/calendar/calendar.js
css文件：/dede/js/calendar/calendar-green.css
上面這二個(gè)文件是必須引入到html文件里面的，這里我把html文件起名為demo.html，上面的js和css文件缺一不可,請(qǐng)把這個(gè)兩個(gè)文件放到demo.html里面。
另外用到的圖片文件是：/dede/images
還用到了一個(gè)css文件:/dede/css/base.css, 這個(gè)base.css文件可以不要，這個(gè)是用來(lái)設(shè)置在時(shí)間輸入框中加入一個(gè)小圖標(biāo)，
案例代碼如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>織夢(mèng)時(shí)間控件使用</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>
|
效果圖如下：
