首頁 > web前端 > js教程 > 輕量級的原生js日曆外掛程式calendar.js使用指南

輕量級的原生js日曆外掛程式calendar.js使用指南

高洛峰
發布: 2017-02-06 10:28:08
原創
2905 人瀏覽過

使用說明:

需要引入插件calendar.js/calendar.min.js

須要引入calendar.css 樣式表,可以自訂自己想要的皮膚

本日曆插件支援cmd模組化

如下:

xvDate({
'targetId':'date1',//时间写入对象的id
'triggerId':['date1','dateBtn1'],//触发事件的对象id
'alignId':'datesWrap1',//日历对齐对象
'format':'-',//时间格式 默认'YYYY-MM-DD HH:MM:SS'
'min':'2014-09-20 10:00:00',//最大时间
'max':'2014-10-30 10:00:00'//最小时间
});
登入後複製

參數說明:

targetId :日期寫入物件的id,不能為空
triggerId :觸發事件的物件id,如果不設定則預設為targetId
alignId : 日曆盒子的對齊基準,如果不設定則預設為targetId
hms : 時分秒是否開啟,預設值為'on'則表示開啟時分秒(2014-09-20 10:00:00),'off'則表示關閉時分秒模式(2014-09-20)
format :為日期格式預設值為'-' (2014-09-20),'/'則表示(2014/09/20)
min :最小時間限制,min 的時間格式和前面的時間格式保持一直
max :最大時間限制,max 的時間格式和前面的時間格式保持一直
zIndex :最大時間限制,日曆盒子的層級,默認9999

如果需要使用模組化在需要依賴的模組用引入即可

如果需要使用模組化在需要依賴的模組用引入即可

如:

define('mod1',[],function(require, exports, module){
var xvDate = require("xvDate");
})
登入後複製
以上所述就是本文的全部內容了,希望大家能夠喜歡。 🎜🎜更多輕量級的原生js日曆插件calendar.js使用指南相關文章請關注PHP中文網! 🎜
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板