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

Question

我使用两个 Materialize 日期选择器。打开日期选择器后，我希望日期选择器显示/使用已经在 html 输入字段中的日期。我想到了onOpen回调并使用 native .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 is here

Answer 1

添加 setDefaultDate: true 就足够了原始示例的选项:

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

这将自动获取您添加到 input 的值。 HTML 标记中的字段。 不需要设置日期明确 在 JavaScript 代码中。
这是基于您的示例的最小工作 fiddle :
https://jsfiddle.net/3j6cezfy/