带备用日期的文本字段和图像图标上的日期选择器帮助！

问题描述

| 有点时间了。 现在，只有图像可以显示日历。我试图让他们“同时”显示。输入字段和图像。 它在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扩展。