国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

輕量級的原生js日歷插件calendar.js使用指南

2024-05-06 16:18:55
字體:
來源:轉載
供稿:網友
網頁上的原生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");
})

 

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


發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 杭州市| 汾阳市| 交口县| 舟曲县| 宁国市| 揭西县| 鸡东县| 马龙县| 方城县| 江津市| 江孜县| 大理市| 绿春县| 遵义县| 兴宁市| 青岛市| 库伦旗| 麟游县| 明水县| 神池县| 大方县| 嘉荫县| 龙游县| 根河市| 奎屯市| 无极县| 德保县| 镇沅| 财经| 安乡县| 屯昌县| 金昌市| 芦山县| 炎陵县| 内黄县| 尼勒克县| 巴东县| 常州市| 宜都市| 桓仁| 清流县|