使用類來調用jQuery UI日期選擇器不起作用

我正在使用jQuery UI datepicker - 範圍版本。我有一個表單，並且在我稱之爲datepicker的「from date」的輸入字段（文本）中。它工作正常。使用類來調用jQuery UI日期選擇器不起作用

問題是我在該領域也有一個（日曆）圖像，我把它的類設置爲與場的相同。但是，當字段沒有問題地打開日期選擇器時，單擊圖像似乎什麼都不做。我知道有關於這個問題的一些問題，但沒有任何幫助;）

<input type="text" id="fromDate" value="Enter date" name="fromDate" class="fromDatePicker"/> 
<img class="fromDatePicker" src="images/calender_icon_a1.jpg" id="ci1"/>

JS代碼：

$(function() { 
$(".fromDatePicker").datepicker({ 
    defaultDate: "+1w", 
    dateFormat: 'dd/mm/yy', 
    altFormat: 'yymmdd', 
    altField: "#fromDateFormatted", 
    numberOfMonths: 2, 
    onSelect: function(selectedDate) { 
     $('#toDate').datepicker("option", "minDate", selectedDate); 
    } 
});

來源

2011-09-26 Dan

顯然，你不能在日期選擇器綁定到的圖像。如果我們看一下datepicker source, we see this：

if (nodeName == 'input') { 
    this._connectDatepicker(target, inst); 
} else if (inline) { 
    this._inlineDatepicker(target, inst); 
}

和inline爲真，當且僅當nodeName是div或span。因此，當您嘗試將日期選擇器綁定到<img>時，您會忽略控制檯中的警告。

如果你看一下在jQuery-UI demos page的圖標觸發例子，你會看到使用圖標激活日期選擇器的批准方式：

$('.fromDatePicker').datepicker({ 
    // existing options 
    showOn: "both", 
    buttonImage: "images/calendar_icon_a1.jpg", 
    buttonImageOnly: true 
});

，然後完全刪除您img.fromDatePicker元素。

來源

2011-09-26 07:43:49

很棒！謝謝 – Dan

使用類來調用jQuery UI日期選擇器不起作用

回答

相關問題