どのように機能するかを確認するためだけに、HTML サービスを使用して単純な JQUERY UI Datepicker アプリを作成しました。クリックすると日付ピッカーを表示するテキストボックスと、その横にローカリゼーションセレクターがあります。開発者リンクから実行すると、非常に遅いですが動作します。
しかし、Dev リンクとは異なる Web パブリッシュ リンクから同じアプリを実行しようとすると、機能しません。テキストボックスは表示されますが、ローカリゼーションを選択できるリストボックスは表示されません。また、クリックしても日付ピッカーは表示されません。
Code.gs:
function doGet() {
Logger.log(getContent("jquidatepickerFR"));
Logger.log(getContent("jquidatepickerTR"));
var result=HtmlService.createTemplateFromFile('myPage').evaluate();
Logger.log(result.getContent());
return result;
}
function getContent(filename) {
var return1= HtmlService.createTemplateFromFile(filename).getRawContent();
return return1;
}
myPage.html
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Localize calendar</title>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.js"></script>
<?!= getContent("jquidatepickerTR")?>
<?!= getContent("jquidatepickerFR")?>
<?!= getContent("style")?>
<script>
$(function() {
$.datepicker.setDefaults( $.datepicker.regional[ "" ] );
$( "#datepicker" ).datepicker( $.datepicker.regional[ "tr" ] );
$( "#locale" ).change(function() {
$( "#datepicker" ).datepicker( "option",
$.datepicker.regional[ $( this ).val() ] );
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" />
<select id="locale">
<option value="tr" selected="selected">Türkçe</option>
<option value="fr">French (Français)</option>
</select></p>
</body>
</html>
これは何が原因なのですか?