开发喵星球

一、界面设置时间格式data-format，选择类型data-type属性

<!-- data-type="date"（年）| data-type="month（月）| data-type="date"（日）| data-type="time"（时、分、秒）| data-type="datetime"（年、月、日、时、分、秒） -->
<li class="select-time">
<label>创建时间： </label>
<input type="text" class="time-input" placeholder="开始时间" name="params[beginTime]" data-type="datetime" data-format="yyyy-MM-dd HH:mm:ss"/>
<span>-</span>
<input type="text" class="time-input" placeholder="结束时间" name="params[endTime]" data-type="month" data-format="yyyy-MM"/>
</li>

二、通过js函数设置 datetimepicker日期控件可以设置format

$('.input-group.date').datetimepicker({
    format: 'yyyy-mm-dd hh:ii:ss',
    autoclose: true,
    minView: 0,
    minuteStep:1
});

laydate日期控件可以设置common.js配置type=datetime

layui.use('laydate', function() {
    var laydate = layui.laydate;
    var startDate = laydate.render({
        elem: '#startTime',
        max: ('#endTime').val(),
        theme: 'molv',
        trigger: 'click',
        type : 'datetime',
        done: function(value, date) {
            // 结束时间大于开始时间
            if (value !== '') {
                endDate.config.min.year = date.year;
                endDate.config.min.month = date.month - 1;
                endDate.config.min.date = date.date;
            } else {
                endDate.config.min.year = '';
                endDate.config.min.month = '';
                endDate.config.min.date = '';
            }
        }
    });
    var endDate = laydate.render({
        elem: '#endTime',
        min:('#startTime').val(),
        theme: 'molv',
        trigger: 'click',
        type : 'datetime',
        done: function(value, date) {
            // 开始时间小于结束时间
            if (value !== '') {
                startDate.config.max.year = date.year;
                startDate.config.max.month = date.month - 1;
                startDate.config.max.date = date.date;
            } else {
                startDate.config.max.year = '';
                startDate.config.max.month = '';
                startDate.config.max.date = '';
            }
        }
    });
});