【问题标题】:Materializecss dates not being set through initialization未通过初始化设置 Materializecss 日期
【发布时间】:2018-05-05 01:13:35
【问题描述】:

大家好,我正在尝试从 javascript 中的 materializecss 设置日期选择器选项 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>

【问题讨论】:

  • "&lt;?php echo $projectTuple['sdate']; ?&gt;" 和类似调用返回的值是多少?除了ECMA-262 支持的一种格式之外,不建议使用内置解析器。
  • @RobG 值是 2009-08-29
  • "2009-08-29" 将被解析为 UTC(与 ISO 8601 不一致),因此如果您在格林威治以西,它将显示本地日期为 2009-08-28,请参阅Why does Date.parse give incorrect results?
  • 谢谢我改变了格式,它似乎工作正常。那篇文章真的很有帮助

标签: javascript php date materialize


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2021-12-17
    • 2015-03-10
    • 1970-01-01
    • 2012-08-14
    • 2016-11-29
    • 1970-01-01
    • 2016-09-13
    • 2018-09-25
    相关资源
    最近更新 更多