Question

大家好我试图在javascript中的materializecss中设置datepicker选项minDate，maxDate和defaultDate。我使用的是1.0.0-rc.1版本。在文档中，它声明这些选项的类型是Date对象。当我打开选择器时，未设置选项，实际上（see chrome dev tools screenshot）选项为空或无效。有任何想法吗？感谢

代码：

<script>
var startDateElem = document.getElementById('student_sdate');
var startDateInstance = M.Datepicker.init(startDateElem, {minDate: new Date("<?php echo $projectTuple['sdate']; ?>"),
                                      maxDate: new Date("<?php echo $projectTuple['edate']; ?>"),
                                      defaultDate: new Date("<?php echo $projectTuple['sdate']; ?>"),
                                      onSelect: function(newDate){
                                        endDateInstance.options.minDate = newDate;
                                      }});
var endDateElem = document.getElementById('student_edate');
var endDateInstance = M.Datepicker.init(endDateElem, {minDate: new Date("<?php echo $projectTuple['sdate']; ?>"),
                                      maxDate: new Date("<?php echo $projectTuple['edate']; ?>"),
                                      defaultDate: new Date("<?php echo $projectTuple['edate']; ?>"),
                                      onSelect: function(newDate){
                                        startDateInstance.options.maxDate = newDate;
                                      }});
</script>

Answer 1

我找到了一个适合我的解决方案。我无法在初始化时设置选项，因此我在JavaScript中使用setTimeout来设置选项。这适用于我的情况，因为这个项目是为了学校。

Materializecss日期未通过初始化设置

1 个答案: