和 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:- ,max: //前后七天
,trigger:'click' //弹出方式,默认为focus
,show :false //显示
,zindex: //层级,主要解决元素相互遮盖的情况
,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才有,返回格式和上边一致
}
});
});
注:这是为了个人查找方便整理的文档,并没有总结完全,查看更多可访问官网http://www.layui.com/doc