javascript - Google Apps 脚本上的 JQuery 日期选择器和选择菜单

Question

如何使日期选择器和选择菜单在 GAS 中工作？

这是我的代码:

<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/overcast/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

<script>

$(document).ready(function(){

try{
  $( "#datepicker" ).datepicker(
      {showAnim: 'slideDown'}
  );

 $( "#horizonte" ).selectmenu();
  }catch(err){
    Logger.("erro: "+err.message);  
  }
})

</script>

它不起作用，没有记录任何错误。我尝试使用 JQuery 1.9.1，但只有 datepicker 有效。

我也在 JSFiddle 中尝试过这段代码效果还不错

Answer 1

更新了jsFiddle - 两者都有效。

这适用于 GAS/HtmlService:

<link rel="stylesheet" href="https://code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css">
<div>
<form action="#">
    <fieldset>
        <p>Date:
            <input type="text" id="datepicker"/>
        </p>

        <label>Escolha:</label>
        <select id="horizonte">
            <option value=1>1 Mês</option>
            <option value=2>2 Meses</option>
            <option value=3 selected="selected">3 Meses</option>
            <option value=6>6 Meses</option>
        </select>
    </fieldset>
</form>
</div>

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script>
  /**
   * On document load
   */
  $(function() {
  $( "#datepicker" ).datepicker(
      {showAnim: 'slideDown'}
  );

    $("#horizonte").selectmenu();
  });

</script>

两者之间的唯一区别在于如何 <script>标签已终止。