首页 / JAVASCRIPT / javascript – HTMLService / Google Apps脚本中的日期选择器

javascript – HTMLService / Google Apps脚本中的日期选择器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – HTMLService / Google Apps脚本中的日期选择器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1340字，纯文字阅读大概需要2分钟。

内容图文

我想使用日期选择器来更轻松地在我正在开发的应用程序中选择日期,但是我不知道如何使用Google Apps脚本中的HTML服务使其正常运行.

如果你能给我一个这方面的例子,我真的很感激,因为我真的需要它

我想要这样的东西：http://jqueryui.com/datepicker/

解决方法:

您只需要在代码中包含JQuery库,基本示例如下：

<div class="demo" >
<style type="text/css"> .demo { margin: 30px ; color : #AAA ; font-family : arial sans-serif ;font-size : 10pt } 
                            p { color : red ; font-size : 14pt } 
</style>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/themes/cupertino/jquery-ui.css">

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

<h1>Welcome to some random page</h1>

<p>Please select a date below :</p>

click here : <input type="text" name="date" id="datepicker" />
<input type="text" id="alternate" size="30"></p>
<script>
    $( "#datepicker" ).datepicker({
      altField: "#alternate",
      altFormat: "DD, d MM, yy",
      showWeek: true,
      firstDay: 1,
     });
</script>

</div>

Code.gs：

function doGet() {
  return HtmlService.createTemplateFromFile('index').evaluate().setSandboxMode(HtmlService.SandboxMode.NATIVE);
}

请注意,建议将样式与html和脚本分隔在不同的文件中,请参阅best practice article in Google HTML Service documentation,我没有在这里做,以使示例简短易读.

内容总结

以上是互联网集市为您收集整理的javascript – HTMLService / Google Apps脚本中的日期选择器全部内容，希望文章能够帮你解决javascript – HTMLService / Google Apps脚本中的日期选择器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/702876.html

来源：【匿名】