Bootstrap DatePicker setDate 方法不更新日历

Posted 2023-05-07

【中文标题】Bootstrap DatePicker setDate 方法不更新日历

【英文标题】：Bootstrap DatePicker setDate method not updating calendar

【发布时间】：2014-09-19 13:43:15

【问题描述】：

我正在使用提供的setValue 方法设置引导日期选择器的值。

例如

tripToDatePicker.setValue(tripFromDatePicker.date);

但是由于某种原因日历没有更新

【参考方案1】：

编辑：

http://www.eyecon.ro/bootstrap-datepicker/ 的文档不多，您应该尝试http://eternicode.github.io/bootstrap-datepicker/。

无论如何下面的代码都会为你工作

$("#dp1").datepicker("update", "02-16-2012");

或

$("#dp1").datepicker("setValue", "02-17-2012");

其中“#dpi”是使用日期选择器的文本字段的 ID。

【讨论】：

再做一些解释是合适的。

这给了我一个“对象不支持属性或方法 setDate”异常

@user65439 给我一个链接来下载你正在使用的插件。

eyecon.ro/bootstrap-datepicker/…

我尝试了这两种方法，但仍然没有运气，很确定这是他们的javascript中的一个错误，尝试最新版本可能是个好主意

【参考方案2】：

“setValue”替换为“setDate”。

使用字符串作为 setDate 的输入可能会很棘手。它必须与日期格式匹配，否则您会得到意想不到的结果。从您的输入创建一个“新日期（y，m，d）”更安全，例如'2015 年 4 月 10 日'的新日期（2015,3,10）。这将始终有效。

当使用以秒为单位的日期表示时，例如1428659901，然后使用“新日期（值*1000）”。请注意，datepicker 将在这里吃任何值，但仅在小时、分钟和秒等于 0 时才在日历中显示选定的日期。我花了一段时间才弄清楚....

【讨论】：

"请注意，日期选择器…仅在小时、分钟和秒等于 0 时显示[s]日历中的选定日期" +1 为此。我无法弄清楚为什么它没有更新几个小时。似乎是他们的一个错误

你关于时间的提示为我解决了这个问题。如果我用myDate.setHours(0, 0, 0, 0); 删除它，一切正常。谢谢！

【参考方案3】：

在尝试了很多东西之后，我最终使用了“更新”方法。 $("#dp1").datepicker("update", "02-02-2012") 或 $("#dp1").datepicker("update", "02/02/2012") 适合我。令人惊讶的是，作者网站上没有关于此方法的文档。谢谢。