Question

有一点时间。

现在，只是图片可以调出日历。我试图让他们“两个”显示出来。输入字段和图像。

我试过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>

Answer 1

我在想你正在重新初始化你的日期选择器。在上面的代码中，您将datePicker()函数调用两次 - ＆gt;

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

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

JSFiddle example

Answer 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扩展可见的文本字段。

文本字段和图像图标上的Datepicker w / alt日期帮助！

2 个答案: