如何在 GAS 中使用 HTMLService 将默认日期添加到 jQuery datepicker？答案

【问题标题】：How to use HTMLService in GAS to add default date to jQuery datepicker?如何在 GAS 中使用 HTMLService 将默认日期添加到 jQuery datepicker？
【发布时间】：2016-07-23 22:09:18
【问题描述】：

我已经搜索了 jQuery 的文档，以及 here 和 here 和 here，但似乎找不到为什么这不起作用。我在 GAS html 文件中有这个：

<!DOCTYPE html>
  <html>
  <head>
    <base target="_top">
  </head>
  <body>
 <form>
 <p>
    Name:<input type="text" name="firstname"><br> 
    Start Date:<input type="date" id="startDate" name="startDate">
    time:<input type="time" name="startTime"><br>
    End Date:<input type="date" id="endDate" name="endDate">
    time:<input type="time" name="endTime"><br>
    <input value="Process" type="submit">
 </p>
</form>
</body>
 <?!= include('stylesheet'); ?>
 <?!= include('javascript'); ?> 
</html>

这也在 javascript.html 文件中：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jqueryui.min.js">

$(function() { //meant to run on load
   $("#startDate").datepicker(
    {
  defaultDate: +14 //14 days from now
    }
  );
});
</script>

如果我在 startDate 的输入标签中添加默认日期，它会起作用，但我无法弄清楚为什么我的默认日期不会加载。想法？

【问题讨论】：

什么不起作用？ +14 === 14，也许你想要'+14'？
我已经测试过在这一行添加任何东西，例如defaultDate: '2016-08-01' 没有结果。
它确实有效，但不是我想的那样。将type 更改为text 并使用以下内容后，我正在设置日期。我以为 defaultDate 也这样做了，但现在我知道了。 <script> $(function() { $( "#startDate" ).datepicker({ defaultDate: +14 }) $( "#start" ).datepicker( "setDate", +14 ); }); </script>

标签： javascript jquery google-apps-script datepicker

【解决方案1】：

我认为您的 JavaScript 代码没有运行，因为您没有关闭和打开 <script> 标记，请在您的 javascript.html 文件中尝试此操作：

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jqueryui.min.js"></script>
<script>
$(function() { //meant to run on load
   alert("It's running :D");

   $("#startDate").datepicker(
    {
     defaultDate: +2
    }
  );
});
</script>

另外，不要忘记包含 jQuery CDN：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

【讨论】：