Google Apps Script에서 jQuery datepicker 및 selectmenu

Question

GTP에서 datepicker 및 selectmenu를 작동하려면 어떻게해야하나요?

이

내 코드입니다 :

<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에이 코드를 시도하고는 jsFiddle 업데이트 확인을

Answer 1

일 - 모두 작동합니다.

그리고 이것은 가스/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> 태그 종료하는 방법입니다.