【问题标题】:Bootstrap Datepicker - Set default picker date, NOT display valueBootstrap Datepicker - 设置默认选择器日期,不显示值
【发布时间】:2015-06-05 20:16:06
【问题描述】:

我正在使用 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));
    });
});

对象中是否有选择查看日期或类似的方法?

这是我正在寻找的默认视图:

(抱歉,如果这是重复的 - 我看过但只发现有关如何实际选择日期的问题。)

【问题讨论】:

  • 考虑使用defaultViewDate:bootstrap-datepicker.readthedocs.org/en/latest/… 我无法理解文档,但这听起来是正确的选择(设置查看日期但实际上不更改值)
  • 这看起来很有希望,但是经过大量挖掘,尝试调用它,搜索源代码,我找不到任何其他痕迹。我确实在名为 viewDate 的源中找到了一些属性,但它们似乎没有直接暴露给 datepicker 对象。
  • 是的,我讨厌这个文档......它就在那里列出,但称它为defaultViewDate: new Date(2000, 1, 1)January 2015 显示为默认视图(更接近,但不完全......)我'我会继续努力,但由于周五结束,我可能无法再提供更多帮助......
  • @tim,这不是它的本意。文档的第一行是“带有年、月和日键的对象”。你不传递一个日期,你传递一个对象。我在顶部看到你的困惑,它说它可能需要一个日期......它在撒谎。
  • 干杯伙计们,完美:) Bootstrap-Datepicker 文档.. 我认为需要一些工作。一些基本的使用示例将有很长的路要走!

标签: jquery twitter-bootstrap datepicker


【解决方案1】:

这里是:

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

还有 js Fiddle:

https://jsfiddle.net/mb34zwg3/

【讨论】:

  • 如果你从模型中获取日期,你可以使用语句 $('#datePicker').datepicker( { defaultViewDate: '@Model.Date' });
【解决方案2】:

这对我有用:

$('input[data-provide="datepicker"]').data("date","2000-01-01");

【讨论】:

  • 您可以通过选择代码部分并按 Ctrl + K 正确格式化来编辑您的答案吗?我无法编辑答案,因为至少需要编辑六个字符,没有更多的事情可做。
猜你喜欢
  • 1970-01-01
  • 2020-09-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-09-05
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多