javascript - 如何使用GAS中的HTMLService向jQuery日期选择器添加默认日期?

标签 javascript jquery google-apps-script datepicker

我搜索了 jQuery 的文档,hereherehere但似乎无法找到为什么这不起作用。我在 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 的输入标记中添加默认日期,它就会起作用,但我无法弄清楚为什么我的默认日期不会加载。有想法吗?

最佳答案

我相信您的 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>

关于javascript - 如何使用GAS中的HTMLService向jQuery日期选择器添加默认日期?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38546842/

相关文章:

javascript - 我需要防止按下回车键时换行,直到达到一定的字符长度

javascript - Onsenui - 列表修饰符在 .append() jquery 中不起作用

google-apps-script - 无法以编程方式删除定时触发器

javascript - HTML5 镜像网络摄像头 Canvas

javascript - Angular 删除井号

jquery - 如何使单选按钮在 JQuery UI 折叠面板中工作?

email - Google Apps 脚本 : read text from a . txt 文件

javascript - 如何在 Google 脚本中设置文本格式,以便在发送电子邮件时显示?

javascript - JS 幻灯片重叠 CSS 下拉图像菜单

javascript - 防止多重连接到我的 Web 应用程序