经常要通过点击按钮的方式显示出一个Calendar,然后选择日期并输入到文本框中。这是一个简单的小例子,仅供大家参考。
1,要先引入一个js,主要用于显示Calender,选中后输入到文本框中的。date_select.js见附件。
2,在你的jsp页面中引入你的date_select.js代码,我的js文件放在WebRoot/js文件夹中的:
<script src="js/date_select.js" type="text/javascript"></script>
3,就是简单的表单了,如下:
<s:form action="addTrainClass" theme="simple" name="addForm">
<tr>
<td>开始日期:</td>
<td><s:textfield name="begindate" readonly="true" title="点击选择日期" οnclick="setday(addForm.begindate);"/></td>
<td>结束日期:</td>
<td><s:textfield name="enddate" readonly="true" title="点击选择日期" οnclick="setday(addForm.enddate);"/></td>
</tr>
</s:form>
注意:这里有个问题,在struts2中如果用驱动模型的时候,点击输入框时,Calendar显示不出来,有错误。
如:
<td><s:textfield name="user.begindate" readonly="true" title="点击选择日期" οnclick="setday(addForm.begindate);"/></td>
希望有解决此bug的高手指点迷津。
1,要先引入一个js,主要用于显示Calender,选中后输入到文本框中的。date_select.js见附件。
2,在你的jsp页面中引入你的date_select.js代码,我的js文件放在WebRoot/js文件夹中的:
<script src="js/date_select.js" type="text/javascript"></script>
3,就是简单的表单了,如下:
<s:form action="addTrainClass" theme="simple" name="addForm">
<tr>
<td>开始日期:</td>
<td><s:textfield name="begindate" readonly="true" title="点击选择日期" οnclick="setday(addForm.begindate);"/></td>
<td>结束日期:</td>
<td><s:textfield name="enddate" readonly="true" title="点击选择日期" οnclick="setday(addForm.enddate);"/></td>
</tr>
</s:form>
注意:这里有个问题,在struts2中如果用驱动模型的时候,点击输入框时,Calendar显示不出来,有错误。
如:
<td><s:textfield name="user.begindate" readonly="true" title="点击选择日期" οnclick="setday(addForm.begindate);"/></td>
希望有解决此bug的高手指点迷津。