Jquery sj:网格中的日期选择器?
我们正在尝试在可编辑的sj:grid中创建一个sj:datepicker日历控件。可用的编辑类型只有少数(文本、文本区域、选择) 我们已经在jqGrid中看到了关于如何在网格行中引入日期选择器的示例,但是找不到与sjg:grid(Struts2 jQuery框架)类似的选项/实现 有人实施了吗 以下是我们可以找到的jQGrid的所有链接和文档:Jquery sj:网格中的日期选择器?,jquery,jquery-ui,jquery-plugins,grid,datepicker,Jquery,Jquery Ui,Jquery Plugins,Grid,Datepicker,我们正在尝试在可编辑的sj:grid中创建一个sj:datepicker日历控件。可用的编辑类型只有少数(文本、文本区域、选择) 我们已经在jqGrid中看到了关于如何在网格行中引入日期选择器的示例,但是找不到与sjg:grid(Struts2 jQuery框架)类似的选项/实现 有人实施了吗 以下是我们可以找到的jQGrid的所有链接和文档: 到目前为止,我还没有看到通过sj:head标记自动包含jquery.ui.datepicker.js文件的方法 步骤1:手动下载jquer
到目前为止,我还没有看到通过sj:head标记自动包含jquery.ui.datepicker.js文件的方法
步骤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>
datePick=函数(元素){
$(元素).日期选择器(
{
日期格式:“dd-M-yy”,
buttonImage:“calendar.gif”,
buttonImageOnly:true
}
);
};
步骤3:添加日期的网格列。编辑选项用于显示日历<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文件?
仅包含以下文件
<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文件。您可以使用该指令
<sj:head ... loadAtOnce="true"/>