和 layer 一样,我们可以在 layui 中使用 layDate,也可直接使用 layDate 独立版,可按照实际需求来选择。options整理如下:
layui.use('laydate', function(){ var laydate = layui.laydate; laydate.render({ elem: '#test' //Dom元素一般为input ,type: 'time' //可选year,month,day,time,datetime ,range: true //或 range: '~' 来自定义分割字符 ,format:'yyyy年MM月dd日' //日期的格式 ,value:'2018年08月18日' //初始值必须和format一致,也可以传new Date(timesamp) ,isInitValue //是否填充初始值, ,min:'2018-08-18' //固定格式,不一定和format一致 ,min:-7 ,max:7 //前后七天 ,trigger:'click' //弹出方式,默认为focus ,show :false //显示 ,zindex:666 //层级,主要解决元素相互遮盖的情况 ,btns:['clear','now','confirm'] //下角显示的按钮 ,theme:default //主题可选 molv(墨绿)grid(格子) ,calendar:false //是否显示节日 ,mark:{ '0-0-15':'中旬' //每月15号 , '0-10-1':'国庆' //每年十一 , '2017-7-17':'好运日' //特定日子 } ,done:function(vale,date,enddate){ console.log(value); //得到日期对象 2017-07-17 console.log(date); //得到时间对象 {year:2017,month:8date:18,hour......} console.log(endDate); //返回结束时间对象,开启range才有,返回格式和上边一致 } }); });