0

嘿,我想使用自舉的DateTimePicker,但好像每次我設置選項將被忽略。顯示默認的datetimepicker,但我無法以任何方式修改in the documentation。你可以找到(不)工作fiddle example here,我在那裏設置顯然不工作的sideByside屬性。引導的DateTimePicker忽略所有選項

這是我的javascript

$(function() { 
    $('#bootstrap-datetimepicker-wrapper').datetimepicker({ 
     defaultDate: "11/1/2013", 
     disabledDates: [ 
      moment("10/02/2014"), 
      new Date(2014, 10, 21), 
      "10/05/2014 00:53" 
     ], 
     sideBySide: true, 
    }); 
}); 

上的HTML網站,我幾乎用最小的設置descripted here

+0

到底是不是有什麼工作適合你?似乎在Chrome中工作得很好。 – 2014-09-30 23:49:24

+0

@FilipB.Vondrášek爲我顯示默認的datetimepicker,只是設置選項不起作用。我編輯了這個問題,使其更加清晰。如果您願意,您可以嘗試使用這些選項(如下所述:http://eonasdan.github.io/bootstrap-datetimepicker/#options)。對於我在鉻和火狐它不起作用(例如在你看到的小提琴,顯然它不顯示sideByside,但我設置該選項) – kave 2014-09-30 23:56:54

+2

你確定你包括正確的JS文件?你的小提琴中的文件指向這個回購:https://github.com/smalot/bootstrap-datetimepicker - 如果你看看他們的網站(http://www.malot.fr/bootstrap-datetimepicker/demo.php)並看看他們看起來與你的代碼完全不同的例子 - 你的屬性都不支持,因此被忽略 – 2014-10-01 00:01:30

回答

1

請務必檢查你指定在您使用實例/文檔JS庫執行。您原來的小提琴在源拉從這裏:http://www.malot.fr/bootstrap-datetimepicker/但您遵循了這個插件的說明:http://eonasdan.github.io/bootstrap-datetimepicker/

好 - 看看這個小提琴:http://jsfiddle.net/bdv8nrhw/3/

你的第二次嘗試是非常接近 - 你仍然使用

`<input value="" class="form-control" id="id_starting_time" name="starting_time" title="" type="text" data-date-pickDate="false" />` 

data-date-pickDate =「false」阻止你的日期選擇器工作。 您還沒有與

pickDate: true, 
pickTime: true 

那些被默認反正初始化 - 他們不會受傷,但不是必需的 - 享受;)

+0

謝謝,我認爲會很好,如果你在答案中指出,我第一次使用錯誤的庫也許,因爲他們實際上很相似,很容易混淆,也許它會幫助別人 – kave 2014-10-01 00:45:04

+0

好點!我會修改我的答案並指出。 – 2014-10-01 01:19:35