文本字段和带有替代日期的图像图标上的日期选择器帮助！答案

【问题标题】：Datepicker on both text field and image icon w/ alt dates Help!文本字段和带有替代日期的图像图标上的日期选择器帮助！
【发布时间】：2011-04-15 20:22:44
【问题描述】：

玩得开心。

现在，只有图像可以调出日历。我试图让“两者”都展示出来。输入字段和图像。

在 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', 'altField', '#endDate2');
    });</script>

【问题讨论】：

你能把你的代码粘贴到 jsbin.com 上吗？
这里在 jsbin 上！ jsbin.com/ewadi3/3

标签： jquery jquery-ui datepicker

【解决方案1】：

我认为您正在重新初始化日期选择器。在上面的代码中，你调用了两次datePicker() 函数 ->

$('#beginDate').datepicker(pickerOptions);
$('#beginDate').datepicker('option', 'altField', '#beginDate2');

第二次调用它时，我相信它会覆盖您的pickerOptions。当我删除#beginDate.datepicker 和#endDate.datepicker 的第二行时，它确实显示在两者上。我希望这会有所帮助！

JSFiddle example

【讨论】：

.datepicker('option', 'altField', '#beginDate2') 用于在 datepicker 初始化后设置选项，所以我认为它不会覆盖初始选项。

【解决方案2】：

从查看 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 扩展。

【讨论】：