GAS - 查询日期选择器无法正常工作

时间:2015-03-26 12:06:16

标签: jquery google-apps-script datepicker

我正在创建一个html表单,用户需要输入离开开始日期和结束日期。但是,当加载脚本时,这不会发生。我搜索了与JQuery相关的所有问题。是否有任何方法或任何其他窗口小部件可用于输入日期并验证结束日期是否大于开始日期。它适用于jsfiddle但不适用于GAS。

代码如下。

此致

<html>
<head>

<style>
body
{
    font-size:8pt;
    font-family:Verdana;
    padding: 5px;
}
</style>

<script>

$(document).ready(function(){
    $("#txtFromDate").datepicker({
        minDate: 0,
        maxDate: "+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
          $("#txtToDate").datepicker("option","minDate", selected)
        }
    });
    $("#txtToDate").datepicker({ 
        minDate: 0,
        maxDate:"+60D",
        numberOfMonths: 2,
        onSelect: function(selected) {
           $("#txtFromDate").datepicker("option","maxDate", selected)
        }
    });  
    <?var logged_user = getcurruser();?>

});

</script>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.16/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquerymobile/1.4.3/jquery.mobile.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>

</head>

<div>

<form id="leaveapp">
<?var logged_user = getcurruser();?>

<label><?=logged_user?></label>
<br/>
Leave Start Date: <input type="text" id="txtFromDate" />
Leave End Date: <input type="text" id="txtToDate" />

</form>
</div>
</html>

1 个答案:

答案 0 :(得分:0)

您用于jQuery的网址无效:https://ajax.googleapis.com/ajax/libs/jquery/1.8.16/jquery.min.js,返回404错误。

如果您将其更改为有效的网址,例如: //ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js,一切正常。

小提琴:https://jsfiddle.net/oewh0k4a/