选择第二个日期的日期。推特引导

Posted

技术标签:

【中文标题】选择第二个日期的日期。推特引导【英文标题】:Select date for second date. Twitter bootstrap 【发布时间】:2013-08-28 10:32:48 【问题描述】:

所以我有两个日期选择器,非常简单的东西,日期和日期...

您能否告诉我如何将突出显示的“startDate”传递给从第一个日期选择器中选择的日期。

这是我正在尝试解决的错误的图像,日期设置为当前日期(今天),禁用日期是可以的,应该突出显示的日期用蓝色圈起来:

这里是源代码:

$("#mzti-开始日期").datepicker( 格式:'dd MM yyyy', 开始日期:日期, 自动关闭:真 ).on('changeDate', function(dateEvent) start_date = $("#mzti-start-date").val(); $('#mzti-finish-date').datepicker('setStartDate', start_date); ); $("#mzti-finish-date").datepicker( 格式:'dd MM yyyy', 自动关闭:真 );

【问题讨论】:

【参考方案1】:

伙计们,解决办法:

$("#mzti-开始日期").datepicker( 格式:'dd MM yyyy', 开始日期:日期, 自动关闭:真 ).on('changeDate', function(dateEvent) start_date = $("#mzti-start-date").val(); $('#mzti-finish-date').datepicker('setStartDate', start_date); var iso_date = new Date(start_date); $('#mzti-finish-date').datepicker('setDate', iso_date); );

绝对有更好的方法来做到这一点:)

【讨论】:

【参考方案2】:

我对 bootstrap datepicker 不太熟悉(实际上并没有意识到有一个),但我认为您只需要阅读docs 并更密切地关注它们。例如,您将一些选项传递给第一个日期选择器,但文档没有列出“startDate”选项(尽管它可能仍然有效)。我的猜测是问题出在这一行:

$('#mzti-finish-date').datepicker('setStartDate', start_date);

没有“setStartDate”方法,所以试试这个:

$('#mzti-finish-date').datepicker('setValue', start_date);

如果这不起作用,您可能需要提供更多信息。很难知道你在问什么。

【讨论】:

其实就在这里,伙计:bitbucket.org/simpler/bootstrap-datepicker/src/… 有趣。我猜我正在查看的文档不完整(或对应于不同的版本)。很高兴你明白了。

以上是关于选择第二个日期的日期。推特引导的主要内容,如果未能解决你的问题,请参考以下文章

引导日期时间选择器不更新第二次

Datepicker - X 天后自动分配第二个日期

如何使用引导模式更新引导日期时间选择器中的默认日期

第二个 jQuery 加载日期选择器不工作

根据第一个更改第二个日期选择器的 minDate

为每个用户选择最新和第二个最新日期行