今のところ、jquery.ui.datepicker.jsファイルを sj:head タグを介して自動的に含める方法は見当たりません。
ステップ 1: jquery.ui.datepicker.js ファイルを手動でダウンロードして JSP に含める
ステップ 2: この jScript 関数を JSP ページに追加する
<script>
datePick=function(element) {
$(element).datepicker(
{
dateFormat: 'dd-M-yy',
buttonImage: "calendar.gif",
buttonImageOnly: true
}
);
};
</script>
ステップ 3: 日付のグリッド列を追加します。editoptions は、カレンダーを表示するために使用されます
<sjg:gridColumn name="dateOfBirth" index="dateOfBirth" title="Date of Birth"
formatter="String" editable="true" editoptions="{size: 12, maxlength: 10, dataInit:datePick,attr:{title:'Select the date'} }" ></sjg:gridColumn>
未回答の質問:
struts2-jquery タグを使用して jquery.ui.datepicker.js ファイルを自動的に含める方法はありますか? には<sj:head jqueryui="true" ></sj:head>、次のファイルのみが含まれています。
<script type="text/javascript" src="/grid/struts/js/base/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="/grid/struts/js/base/jquery.ui.core.min.js?s2j=3.3.3"></script>
<script type="text/javascript" src="/grid/struts/js/plugins/jquery.subscribe.min.js"></script>
<script type="text/javascript" src="/grid/struts/js/struts2/jquery.struts2-3.3.3.min.js"></script>
jqueryui がtrue に設定されていても、datepicker js ファイルが自動的に含まれているのを確認できませんでした。