layui（一）——layDate组件常见用法

　　和 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才有，返回格式和上边一致
 　　　　}
　　}); 
});       

 注:这是为了个人查找方便整理的文档，并没有总结完全，查看更多可访问官网http://www.layui.com/doc

转载于:https://www.cnblogs.com/wyy1234/p/9436827.html