MUI datepicker设置默认时间

最近一直在研究MUI做的项目,遇到一个设置默认时间的需求, 尼玛 ,官方没有文档,看源码瞎几把乱试给弄出来了 ,先记下来……

前提是先引入相关插件,插件在哪里,官方文档找。

var timeNow = new Date().getTime();
var timeSelect = getYMDHMS(new Date(timeNow + 7 * 24 * 60 * 60 * 1000)); // 默认选择一周后

var dtPicker = new mui.DtPicker({
    type: "datetime",
    value: timeSelect, // 设置默认时间
    beginDate: new Date(timeNow) // 设置时间最小值
});

dtPicker.show(function (selectItems) {
    console.log(selectItems.text);
    dtPicker.dispose();
    dtPicker = null;
});

// 转换成MUI需要的格式
function getYMDHMS(time) {
    var year = time.getFullYear(),
        month = time.getMonth() + 1,
        date = time.getDate(),
        hours = time.getHours(),
        minute = time.getMinutes();

    if (month < 10) { month = '0' + month; }
    if (date < 10) { date = '0' + date; }
    if (hours < 10) { hours = '0' + hours; }
    if (minute < 10) { minute = '0' + minute; }

    return year+'-'+ month+'-'+date+' '+hours+':'+minute;
}

猜你喜欢

发表评论

最新发布