2013-10-14 73 views
1

我包括一切,但它似乎並沒有工作,選項,對於newbiew沒有例子是一個痛苦..幫助..引導日期選擇器選項似乎不工作(日期選擇器由vitalets)

HTML

<input type="text" class="form-control datepicker" id="datepicker" data-date-format="dd/mm/yyyy" /> 

JS

$('#datepicker').datepicker({ 
     autoclose: true, 
     todayBtn: true, 
     todayHighlight: true 
}); 

github上參考:https://github.com/vitalets/bootstrap-datepicker#autoclose

+0

確保您的輸入有'datepicker'或改變jQuery選擇,以符合您輸入 – harryg

+0

我的ID確實..日曆顯示,但選項不起作用.. –

+1

也發佈HTML代碼。 – 2013-10-14 15:16:49

回答

4

你的代碼是正確的,

檢查此JSFiddle當我選擇日期時,日期選擇器正在關閉。

autoclose: true //this will work with vitalets 

我猜以下是可能的原因:

1)可能會給出錯誤bootstrap.datepicker.js

<script>http://vitalets.github.io/bootstrap-datepicker/bootstrap-datepicker/ 
              js/bootstrap-datepicker.js</script> 

確保您的路徑是正確的

+0

thx這麼多,我的js路徑是另一個版本,我把它混淆了>

+0

你知道如何禁用今天之前的日期嗎?我試過這個例子,但沒有工作onRender:function(date){ return date.valueOf()

+0

thx這麼多,同樣的事情發生在我身上:) – GuiPab

2

嘗試這個:

$('.datepicker').datepicker() 
.on('changeDate', function(ev){     
    $('.datepicker').datepicker('hide'); 
}); 

更新:

autoclose正常工作與當前的日期選擇在以下回購:

https://github.com/eternicode/bootstrap-datepicker

+0

這個回購正在改變,你應該給版本號 –