时间戳

首页 > 解决方案 > 如何在 Materialize 中打开日期选择器时设置初始自定义变量日期

javascript - 如何在 Materialize 中打开日期选择器时设置初始自定义变量日期

问题描述

我使用两个 Materialize 日期选择器。打开日期选择器后，我希望日期选择器显示/使用已经在 html 输入字段中的日期。我在想onOpen回调，并使用本机.setDate()函数。但是我有两个日期选择器，没有发现 onOpen 是否接受任何参数。

var datepickerOptions ={
        
  format: 'yyyy-mm-dd',
  autoClose : "true",
  firstDay : 1,
  onOpen : function(arg) {
   console.log(arg)
  }
}  
  
  document.addEventListener('DOMContentLoaded', function() {
    var elems = document.querySelectorAll('.datepicker');
    var instances = M.Datepicker.init(elems, datepickerOptions);
  });

我正在使用 Materialise v1.0。和工作jsFiddle 在这里

标签： javascriptmaterialize

解决方案

setDefaultDate: true在原始示例中添加选项就足够了：

var datepickerOptions = {
  format: 'yyyy-mm-dd',
  autoClose : "true",
  firstDay : 1,
  setDefaultDate: true
}

这将自动获取您添加到inputHTML 标记中的字段的值。无需在 JavaScript 代码中明确设置日期。

这是基于您的示例的最小工作小提琴： https ://jsfiddle.net/3j6cezfy/

推荐阅读