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

Posted 2023-05-07

【中文标题】如何在 Materialise Date Picker 中设置默认日期？

【英文标题】：How to set default date in Materialize Date Picker?

【发布时间】：2021-11-10 16:11:43

【问题描述】：

我需要在Materialize Date Picker 中将默认日期设置为now。

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

<script>
    $("#since").datepicker(
        format: 'yyyy/mm/dd 00:00:00',
        defaultDate: 'now', // It doesn't work.
     // defaultDate: '2021/09/09 00:00:00', // It neither work.
        setDefaultDate: true
    
    );
<script>

【问题讨论】：

它说它接受Date object

javascript 日期对象？

是的，一个 Javascript 日期对象

【参考方案1】：

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

<script>
  document.addEventListener('DOMContentLoaded', function() 
    const now = new Date();
    const nextDate = new Date(now);
    nextDate.setDate(now.getDate() + 1)
    
    var elems = document.querySelectorAll('.datepicker');
    var instances = M.Datepicker.init(elems, 
      defaultDate: nextDate,
      setDefaultDate: true,
    );
  );
</script>

文档说要更改默认日期值，请使用 2 个属性 - defaultDate 和 setDefaultDate。我使用了 vanilla js 中的选项，但相同的选项也可以与 jQuery 一起使用。

工作Codepen