2015-06-05 163 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' }); –

相关问题