layui的laydate控件的使用

版权声明：本文为博主原创文章，未经博主允许不得转载。转载请注明出处 https://blog.csdn.net/tutian2000/article/details/80117843

目前使用的layui版，没有单独使用laydate。
官网上的例子是每个属性单独设置的，我稍微整合了一下常用属性。

引入了css和js以后

//初始化时间
layui.use('laydate', function() {
    //初始化layui
    var laydate = layui.laydate;
    //执行一个laydate实例
    laydate.render({
        elem: '.date' //指定元素  元素选择器
        , type: 'date'  //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
        , format: 'MM-dd'  //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
        , range: false  //是否开始左侧选择  为true时可以左右选择时间
        , value: new Date() //初始值 今天
        , min: 0 //几天前或者指定日期'2018-04-28 12:30:00'
        , max: 1 //几天后或者指定日期'2017-04-29 12:30:00'
        , btns: ['clear', 'now', 'confirm'] //选择框右下角显示的按钮 清除-现在-确定
        ,done: function(value, date){//时间回调
            console.log(value);
            console.log(date);
        }
    });
});