2012-07-12 43 views
1

你好,我有一個jQuery UI日期時間選擇器。Jquery Date加載時間選擇器顯示

現在,我希望它在頁面加載時顯示的輸入字段上顯示,因此它必須已經顯示,而無需單擊或重點。

而且我還希望使輸入字段類型隱藏。

鏈接至網站:HERE

有人什麼想法?我已經搜索這個網站和谷歌,但無法找到任何東西。

jQuery代碼

$.datepicker.setDefaults($.datepicker.regional[ "nl" ]); 

      $('#date').datetimepicker({ 
       numberOfMonths: 1, 
       showButtonPanel: false, 
       dateFormat : 'dd/mm/yy', 
       minDate: 0, 
       maxDate: 30, 
       timeText: 'Tijd', 
       hourText: 'Uur', 
       minuteText: 'Minuten', 
       secondText: 'Seconden' 
      }); 

HTML代碼

<label id="test">test</label><input type="text" value="" id="date" /> 

回答

1

你可以把$('#date').datepicker('show');函數你初始化的日期選擇器後,雖然我可以發誓,有針對的選擇。

+0

是的,但是當我隱藏輸入字段中的日期選擇器不見了 – Julez 2012-07-12 20:58:07

+0

這是一個問題與jQuery UI。該文檔明確指出「如果日期選擇器連接到輸入,則輸入必須對於要顯示的日期選擇器可見。」 – Will 2012-07-12 20:59:38

+0

毫米馬比我可以嘗試使用CSS的知名度:隱藏 – Julez 2012-07-12 21:00:07

0

您應該可以利用內聯顯示並填充備用字段選項。這將是這個樣子:

HTML

Date: <div id="datepicker"></div> 
<input type="text" value="" id="date" /> 

JS

$.datepicker.setDefaults($.datepicker.regional[ "nl" ]); 

$('#datepicker').datetimepicker({ 
    numberOfMonths: 1, 
    showButtonPanel: false, 
    dateFormat : 'dd/mm/yy', 
    minDate: 0, 
    maxDate: 30, 
    timeText: 'Tijd', 
    hourText: 'Uur', 
    minuteText: 'Minuten', 
    secondText: 'Seconden', 
    altField: "#date", 
    altFormat: "yourDateFormat" 
}); 
+0

真棒這也適用,但只有1個問題是它只解析時間而不是日期 – Julez 2012-07-12 21:13:24

相關問題