如何更改 Materialize datepicker 中 datepicker-date-display 的内容？

Question

我想知道我可以更改 Materialze div 类的内容datepicker-date-display

format: 'yyyy-mm-dd' 等选项的格式会很好，甚至隐藏类可能比现在更好。

工作jsFiddle

我正在使用 Materialise 1.0

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

Answer 1

就我阅读他们的文档而言，我没有找到改变选择器内显示的日期字符串格式的方法。他们公开了一个名为format 的选项，该选项仅适用于输出日期字符串。所以，我写了一个解决方法代码。它在下面给出。您还可以在此链接中找到工作代码：https://jsfiddle.net/Showrin/smy78beq/14/ 谢谢。

// HTML
<input class="datepicker" type=text value="2021-05-12"/>
<div id="datepicker-container"></div>
    

// JS
const dateToShow = '2021-05-08';

var datepickerOptions = {
  container: document.querySelector('#datepicker-container'),
  onOpen: function() {
    document.querySelector("#datepicker-container .datepicker-date-display").innerHTML = `<span class="date-text">${dateToShow}</span>`;
  }
}

document.addEventListener('DOMContentLoaded', function() {
  var elems = document.querySelectorAll('.datepicker');
  var instances = M.Datepicker.init(elems, datepickerOptions);
});