如何使用 Materialise 日期选择器正确设置完整日期

Question

我刚开始使用 Materialize Date Picker，并且在正确设置完整日期值时遇到了问题。以下是我的步骤...

• 我的 HTML

      <div class="input-field col s6">
        <input id="DatePicker" type="text" class="datepicker" />
        <label class="" for="DatePicker">Date Picker</label>
      </div>

• 我的日期选择器 JavaScript

var mDatePicker = document.querySelector("#DatePicker");

 var optionsDPS = {
   disableDayFn: function (day) {  
     console.log("value:", day);
     return day;
   }
 }

 M.Datepicker.init(mDatePicker, optionsDPS);

当我通过 Firefox 打开开发人员工具时，单击日历时会得到以下值：

为什么 Materialise 将每个日期值的选取器值设置为 19:00:00？不应该是00:00:00吗？如何让这些值全部为 0，同时仍然是真实的日期值？我尝试使用

setHours(0, 0, 0, 0)

，但没有成功。我只是对所有数字感到困惑，为什么 19 会出现在这个组合中..

Answer 1

var mDatePicker = document.querySelector("#DatePicker");

var optionsDPS = {
  disableDayFn: function (day) {  
    console.log("value:", day);
    return day;
  },
  defaultDate: new Date(), // Set the default date to the current date
  setDefaultDate: true // Enable setting the default date
}

M.Datepicker.init(mDatePicker, optionsDPS);

此修改应将默认日期设置为当前日期，时间设置为 00:00:00。如果想设置默认日期为特定日期，可以替换new Date()