關於layui中laydate的使用細節
本人近期用到laydate日曆控制元件,將日曆單獨展示出來,並在特定的日期下做圓點標記,並且獲取選中的日期。最後找到的資料,希望會有所幫助。
效果圖:
程式碼:
aydate.render({
elem: ‘#test’ //或 elem: document.getElementById(‘test’)、elem: lay(’#test’) 等(型別:String/DOM,預設值:無必填項,用於繫結執行日期渲染的元素,值一般為選擇器,或DOM物件)
,type: ‘year’//year-只提供年列表選擇||month-只提供年、月選擇||date-可選擇:年、月、日。type預設值,一般可不填||time-只提供時、分、秒選擇||datetime-可選擇:年、月、日、時、分、秒
,range: true //或 range: ‘~’ 來自定義分割字元
,format: ‘yyyy年MM月dd日’ //可任意組合 yyyy年MM月dd日 HH時mm分ss秒===2017年08月18日 20時08分08秒,‘yyyy/mm/dd’
,value: ‘2018-08-18’ //必須遵循format引數設定的格式String,預設值:new Date()
,min: ‘2017-1-1’//min/max - 最小/大範圍內的日期時間值 型別:string,預設值:min: ‘1900-1-1’、max: ‘2099-12-31’
,max: ‘2017-12-31’
,trigger: ‘click’ // 自定義彈出控制元件的事件(型別:String,預設值:focus,如果繫結的元素非輸入框,則預設事件為:click)-採用click彈出
,show: true //預設顯示-型別:Boolean,預設值:false;;;;如果設定: true,則控制元件預設顯示在繫結元素的區域。通常用於外部事件呼叫控制元件
,position: ‘static’//型別:String,預設值:absolute (fixed,absolute,static)
,zIndex: 99999999//層疊順序-型別:Number,預設值:66666666一般用於解決與其它元素的互相被遮掩的問題。如果 position 引數設為 static 時,該引數無效
,showBottom: false//是否顯示底部欄–型別:Boolean,預設值:true如果設定 false,將不會顯示控制元件的底部欄區域
,btns: [‘clear’, ‘now’, ‘confirm’]//型別:Array,預設值: