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

时间:2016-07-23 22:09:19

标签: javascript jquery google-apps-script datepicker

我搜索过jQuery的文档,以及herehere以及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的输入标记中添加默认日期,它可以工作,但我无法弄清楚为什么我的默认日期不会加载。想法?

1 个答案:

答案 0 :(得分: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>