如何在Materialize Date Picker中设置默认日期？

问题根因 #

Materialize Date Picker 的 defaultDate 配置项不接受字符串格式的入参，仅支持原生 JavaScript Date 类型值，所以你传入'now'或者日期字符串都不会生效。

正确实现代码 #

1. 默认日期设为当前日期

<input id="since" type="text" class="datepicker">

<script>
    $("#since").datepicker({
        format: 'yyyy/mm/dd 00:00:00',
        defaultDate: new Date(), // 传入当前时间的Date对象
        setDefaultDate: true
    });
</script>

2. 默认日期设为指定日期

如果需要指定固定默认日期，直接构造对应Date对象传入即可，示例：

$("#since").datepicker({
    format: 'yyyy/mm/dd 00:00:00',
    // 注意Date构造的月份参数从0开始计数，9月对应参数为8
    defaultDate: new Date(2021, 8, 9), 
    setDefaultDate: true
});

补充说明 #

setDefaultDate: true配置需要和defaultDate配合使用，设置为true时会将指定的默认日期直接填充到输入框中，符合你的使用需求。

内容的提问来源于stack exchange，提问作者Roby Sottini