如何解决带备用日期的文本字段和图像图标上的日期选择器帮助!
| 有点时间了。 现在,只有图像可以显示日历。我试图让他们“同时”显示。输入字段和图像。 它在jsbin上:http://jsbin.com/ewadi3/3/ 我尝试了showOn:两者都..但不起作用!!<script type=\"text/javascript\">
$(function() {
pickerOptions = {
changeMonth: true,changeYear: true,showButtonPanel: true,dateFormat: \'yy-mm-dd\',altFormat: \'M d,yy\',showOn: \'both\',buttonImage: \'/images/calendar.gif\'
};
$(\'#beginDate\').datepicker(pickerOptions);
$(\'#beginDate\').datepicker(\'option\',\'altField\',\'#beginDate2\');
$(\'#endDate\').datepicker(pickerOptions);
$(\'#endDate\').datepicker(\'option\',\'#endDate2\');
});</script>
解决方法
我认为您正在重新初始化日期选择器。在上面的代码中,您两次调用
datePicker()
函数->
$(\'#beginDate\').datepicker(pickerOptions);
$(\'#beginDate\').datepicker(\'option\',\'altField\',\'#beginDate2\');
第二次调用它,我相信它会覆盖您的pickerOptions。当我删除#beginDate.datepicker和#endDate.datepicker的第二行时,它的确显示在两个行上。我希望这有帮助!
JSFiddle示例
,通过查看jsbin中的代码
<td width=\"17\" valign=\"top\"><input type=\"hidden\" name=\"beginDate\" id=\"beginDate\" value=\"\" /></td>
<td width=\"98\" valign=\"top\"><input type=\"text\" id=\"beginDate2\" size=\"12\" value=\"\"/></td>
<td width=\"17\" valign=\"top\"><input type=\"hidden\" name=\"endDate\" id=\"endDate\" value=\"\"></td>
<td width=\"98\" valign=\"top\"><input name=\"endDate2\" type=\"text\" id=\"endDate2\" size=\"12\" value=\"\" />
您正在#beginDate和#endDate上使用pickerOptions设置日期选择器,但这些输入被隐藏,尽管该按钮仍显示。可见的文本字段尚未使用datepicker扩展。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。