2012-07-16 113 views
4

我使用的日期時間選擇器組件來自http://trentrichardson.com/examples/timepicker/。試圖隱藏時間選擇器,但我的代碼不起作用:jQuery UI DateTimepicker - 無法隱藏時間

$('#id_start_date_time').datetimepicker('option', 'showTimepicker', false); 
+0

它應該是'showTimePicker'而不是'showTimepicker'(大寫的p)嗎? – 2012-07-16 14:28:50

+0

你是否只顯示日期選擇器部分?還是你想在創建後的某個時候隱藏整個事物? – 2012-07-16 14:34:12

+0

@EricBrenden:不,它仍然無法正常工作。 – Ruben 2012-07-30 10:29:41

回答

1

你必須定義的選項是這樣的:

$('#id_start_date_time').datetimepicker({ 
    showTimePicker: false 
}); 

要添加更多選項,你可以只用逗號分隔:

$('#id_start_date_time').datetimepicker({ 
    showTimePicker: false, 
    showSecond: true, 
    timeFormat: 'hh:mm:ss' 
}); 
+0

我的意思是這個問題不是在創建時,而是在編輯選項時。根據某些事件,有時我希望這個組件是日期選擇器,有時是日期選擇器。 – Ruben 2012-07-30 10:40:11

0

我使用了'showTimepicker':true,/'showTimepicker':false,如果不需要,選項可以顯示/隱藏時間選項。

一些頁面既有時間又沒有時間選項,這就是爲什麼我需要使用此選項。

當我有這個設置爲false,它隱藏,因爲它是專門做的時間選項,但超越控制

$.datepicker._base_gotoToday = $.datepicker._gotoToday; 

會引起問題。當我點擊今天/現在按鈕,它將日期設置爲今天,但隱藏日曆,並且當我再次單擊輸入框時沒有任何反應,只有當我點擊其他任何地方然後再次單擊輸入框時,日曆顯示。

我已刪除這似乎已經解決了這個問題行

$('.ui-datepicker-today', $dp).click(); 

它已經失去了關閉,當我點擊按鈕今天的能力,但我可以與

4

我只是碰到這個問題生活。我知道自從OP提出這個問題以來他已經有一段時間了,他可能已經解決了這個問題。只是有人誰可能在未來,如果你想隱藏timepicker會遇到這個問題,只是簡單地調用原始jQuery UI的日期選擇方法

datepicker() 

代替

datetimepicker() 
+0

您使用的是哪個版本的jquery ui? – Ruben 2014-12-09 08:56:52

+0

@Ruben我正在使用1.11.0 – 2014-12-09 23:06:25

3

timepicker:假的jquery.datetimepicker

2

您需要添加下列選項:

timepicker :假

(timepicker必須是小寫)

4

我用我的這個代碼時另一個代碼無法正常工作。

$('#datetimepicker_date_to_view').datetimepicker({ 
      timepicker:false, 
      format:'d.m.Y', 
     }).on('change', function() { 
      $('.xdsoft_datetimepicker').hide(); 
      var str = $(this).val(); 
      str = str.split("."); 
      $('#alt_date_field').val(str[2]+'-'+str[1]+'-'+str[0]); 
     });