輕量級的原生js日歷插件calendar.js使用指南
使用說明:
需要引入插件calendar.js/calendar.min.js
須要引入calendar.css 樣式表,可以自定義自己想要的皮膚
本日歷插件支持cmd模塊化
如下調(diào)用:
xvDate({
'targetId':'date1',//時間寫入對象的id
'triggerId':['date1','dateBtn1'],//觸發(fā)事件的對象id
'alignId':'datesWrap1',//日歷對齊對象
'format':'-',//時間格式 默認(rèn)'YYYY-MM-DD HH:MM:SS'
'min':'2014-09-20 10:00:00',//最大時間
'max':'2014-10-30 10:00:00'//最小時間
});
參數(shù)說明:
targetId :日期寫入對象的id,不能為空
triggerId :觸發(fā)事件的對象id,如果不設(shè)置則默認(rèn)為targetId
alignId : 日歷盒子的對齊基準(zhǔn),如果不設(shè)置則默認(rèn)為targetId
hms : 時分秒是否開啟,默認(rèn)值為'on'則表示開啟時分秒(2014-09-20 10:00:00),'off'則表示關(guān)閉時分秒模式(2014-09-20)
format :為日期格式 默認(rèn)值為'-' (2014-09-20),'/'則表示(2014/09/20)
min :最小時間限制,min 的時間格式和前面的時間格式保持一直
max :最大時間限制,max 的時間格式和前面的時間格式保持一直
zIndex :最大時間限制,日歷盒子的層級,默認(rèn)9999
如果需要使用模塊化在需要依賴的模塊用引入即可
如:
define('mod1',[],function(require, exports, module){
var xvDate = require("xvDate");
})
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
Echats圖表大屏自適應(yīng)的實現(xiàn)方法
很多時候我們需要用圖表來制作我們統(tǒng)計的數(shù)據(jù)直觀的分析,所以我們可以用Echarts來制作圖表,這篇文章主要給大家介紹了關(guān)于Echats圖表大屏自適應(yīng)的實現(xiàn)方法,需要的朋友可以參考下2021-10-10如何使用big.js解決JavaScript浮點數(shù)精度丟失問題
最近在項目中涉及到金額從元轉(zhuǎn)為分(乘100即可),發(fā)現(xiàn)乘法居然也會有精度丟失的問題,關(guān)于浮點數(shù)計算精度丟失是很多語言都存在的問題,本文給大家分享使用big.js解決JavaScript浮點數(shù)精度丟失問題,感興趣的朋友一起看看吧2023-12-12JavaScript求一組數(shù)的最小公倍數(shù)和最大公約數(shù)常用算法詳解【面向?qū)ο螅貧w迭代和循環(huán)】
這篇文章主要介紹了JavaScript求一組數(shù)的最小公倍數(shù)和最大公約數(shù)常用算法,結(jié)合實例形式分析了javascript基于面向?qū)ο?,回歸迭代和循環(huán)等算法求解一組數(shù)的最小公倍數(shù)與最大公約數(shù)相關(guān)操作技巧,需要的朋友可以參考下2018-05-05用最簡單的方法判斷JavaScript中this的指向(推薦)
都說 JavaScript 是一種很靈活的語言,這其實也可以說它是一個混亂的語言,下面通過本文給大家分享JavaScript中this的指向知識,感興趣的朋友一起看看吧2017-09-09JavaScript使用setTimeout實現(xiàn)延遲彈出警告框的方法
這篇文章主要介紹了JavaScript使用setTimeout實現(xiàn)延遲彈出警告框的方法,實例分析了javascript中setTimeout函數(shù)的使用技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04微信小程序?qū)崿F(xiàn)導(dǎo)航欄選項卡效果
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)導(dǎo)航欄選項卡效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-02-02