具有Materialize日期选择器的Google Web App，未在选择器上选择日期

编程问答 2022-08-11

问题描述

我很难让Materialize DatePicker显示/选择打开时设置的日期。通过将值传递到Code.gs中的htmlTemplate（即“ htmlTemplate.employeeStartDate”）中，图像显示了单击前状态以及在setPage.html中设置的日期。

我可以在setPage-js.html中设置日期并获得所需的UI功能，但据我所知并无法找到，在加载过程中我无权访问setPage-js.html中传递的employeeStartDate。因此，我将在setPage.html中对其进行设置，如下所示。

我很抱歉缺少格式。新手发布。

提前感谢您的协助！

Code.gs 

htmlTemplate.employeeStartDate      = employeeProperties[3];

setPage.html 

<form>
          <? console.log(Utilities.formatDate(employeeStartDate,"GMT+4","yyyy-MM-dd"))?>
          <label>Start Date</label>
          <input type="text" id="startDate" class="datepicker" setDefaultDate=true value=<?= Utilities.formatDate(employeeStartDate,"yyyy-MM-dd"); ?> defaultDate=<?= Utilities.formatDate(employeeStartDate,"yyyy-MM-dd"); ?> >
        </form>

setPage-js.html 

<script>
  var minDate = new Date(1983,7,18);
  var startDate = minDate;
  var maxDate = new Date();
  maxDate.setDate(maxDate.getDate() + 90);
  var options =
  { 
    format: "yyyy-mm-dd",//    defaultDate: startDate,//    setDefaultDate: true,autoClose: true,disableWeekends: true,minDate: minDate,maxDate: maxDate,};
  document.addEventListener('DOMContentLoaded',function() {
    var picker = document.querySelectorAll('.datepicker');
    var instances = M.Datepicker.init(picker,options);
  });
</script>

enter image description here

enter image description here

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

datepickerdatepickerhtmljavascriptmaterialize