layui中的layDate组件的options

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

猜你喜欢

转载自www.cnblogs.com/wyy1234/p/9436827.html