jQuery：datepicker - 同時由圖標和日期字段激活的日曆

我已經環顧四周，但找不到我現在正確的解決方案/問題。jQuery：datepicker - 同時由圖標和日期字段激活的日曆

我只需要點擊日曆圖標並從選擇日期時顯示日期的文本字段中顯示日曆。現在，在嘗試不同的屬性後，我只能讓日曆顯示一個或另一個，但不能同時顯示：圖標和字段。

這是我使用的是通過圖標來激活它的代碼：

$("#datepicker").datepicker({ 
    showOn: 'button', 
    buttonImage: 'images/icon-calendar.gif', 
    buttonImageOnly: true, 
    changeMonth: true, 
    changeYear: true, 
    showAnim: 'slideDown', 
    duration: 'fast' 
});

有沒有辦法有日曆通過點擊圖標和領域，以及出現？

謝謝。

來源

2010-04-20 Ricardo Zea

嘗試設置：showOn： '這兩個'

來源

2010-04-20 18:46:15 derek

Doh！這麼簡單，但在插件的頁面中沒有這個解釋。非常感謝derek，它的工作！雖然我不能投票，但:(一旦我有足夠的聲望點就會投票給你， – 2010-04-21 13:31:11

沒問題，當我第一次使用datepicker時，這個問題也讓我感到不安。 – derek 2010-04-21 14:18:11

給你的日期選擇器領域的ID和嘗試這個辦法：

<input type="text" name"whatever" id="datepickerfield" />

對於現場：

$("#datepickerfield").datepicker({ 
showOn: 'button', 
buttonImage: 'images/icon-calendar.gif', 
buttonImageOnly: true, 
changeMonth: true, 
changeYear: true, 
showAnim: 'slideDown', 
duration: 'fast' 
});

來源

2010-04-20 17:46:33 Sarfraz

這是在日期字段上單擊圖標AND時，使日曆顯示的工作代碼，請注意「雙方」值：

$("#datepicker").datepicker({ 
showOn: 'both', 
buttonImage: 'images/icon-calendar.gif', 
buttonImageOnly: true, 
changeMonth: true, 
changeYear: true, 
showAnim: 'slideDown', 
duration: 'fast' 
});

感謝德里克的幫助。

來源

2010-04-21 13:34:22

jQuery：datepicker - 同時由圖標和日期字段激活的日曆

回答

相關問題