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

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

 　　網頁上的原生js日曆代碼，滑鼠點擊文字提示處，會顯示一個帶年月日的日曆視窗，可調整年份、月份、選擇日期等，用在網頁上方便大家選擇日期，提高使用者體驗。各大瀏覽器都能正常運行，有需要的小夥伴可以參考下。

　　使用說明：

　　需要引入外掛程式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");

　　})

　　

　　以上所述就是本文的全部內容了，希望大家能夠喜歡。