輕量級的原生js日歷插件calendar.js使用指南
來源:易賢網(wǎng) 閱讀:7020 次 日期:2015-04-29 14:57:09
溫馨提示:易賢網(wǎng)小編為您整理了“輕量級的原生js日歷插件calendar.js使用指南”,方便廣大網(wǎng)友查閱!

使用說明:

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

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

本日歷插件支持cmd模塊化

如下調(diào)用:

代碼如下:

xvDate({

'targetId':'date1',//時間寫入對象的id

'triggerId':['date1','dateBtn1'],//觸發(fā)事件的對象id

'alignId':'datesWrap1',//日歷對齊對象

'format':'-',//時間格式 默認'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,如果不設置則默認為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");

})

下載地址

以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。

更多信息請查看IT技術專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機網(wǎng)站地址:輕量級的原生js日歷插件calendar.js使用指南

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)