2015-06-05 214 views
7

我使用的是Bootstrap-Datepicker,它工作得很好。Bootstrap Datepicker - 設置默認選擇器日期,不顯示值

我使用它的一個領域是出生日期,我知道申請人的大概年齡會是什麼樣子,所以對我來說默認選擇器顯示2000年1月是合理的。

但是,我發現這樣做的唯一方法是選擇一個日期,該日期實際上是用一個值來更新字段,我不想這樣做。

$(document).ready(function() { 
    var datePickers = $('input[data-provide="datepicker"]'); 
    datePickers.each(function() { 
     var datePicker = $(this); 
     datePicker.datepicker('setDate', new Date(2000, 1, 1)); 
    }); 
}); 

Date of Birth

是否有物體的方法來選擇查看日期或相似?

這就是我正在尋找的默認視圖:

Default Month

(道歉,如果這是一個重複 - 我看着但只找到有關如何真正摘棗的問題。)

+2

使用'defaultViewDate'進行調查:http://bootstrap-datepicker.readthedocs.org/en/latest/options.html#defaultviewdate我無法將頭圍住文檔,但聽起來像是正確的選項(設置查看日期,但實際上並沒有改變值) –

+0

看起來真的很有希望,但經過大量的挖掘,嘗試調用它,搜索源代碼,我找不到任何其他跟蹤。我確實在源代碼中找到了一些名爲viewDate的屬性,但它們似乎沒有直接暴露給datepicker對象。 – Octopoid

+0

是的,我討厭這個文檔...它在那裏列出,但是把它稱爲'defaultViewDate:new Date(2000,1')'顯示'2015年1月'作爲默認視圖(它更接近,但不是很完美。 )我會繼續嘗試,但是在星期五結束的一天,我可能無法提供更多幫助... –

回答

9

那就是:

$('.datepicker').datepicker({ 
    defaultViewDate: {year:2000, month:0, day:1}, 
}); 

而且JS小提琴:

https://jsfiddle.net/mb34zwg3/

+0

如果您從模型獲取日期,則可以使用以下語句: $('#datePicker')。datepicker( { defaultViewDate:'@ Model.Date' }); –

相關問題