網頁上的原生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");
})
下載地址
以上所述就是本文的全部內容了，希望大家能夠喜歡。