两个月，同时在引导程序的日期选择器中选择日期

Posted 2023-05-08

【中文标题】两个月，同时在引导程序的日期选择器中选择日期

【英文标题】：two months while selecting a date in date-picker in bootstrap

【发布时间】：2018-12-21 22:31:51

【问题描述】：

当我选择我希望在选择任何开始日期和结束日期时显示两个月时，我正在网站中的网站上工作。

此时，在我的domain 上，开始日期和结束日期只显示一个月。

我用来使日期选择器在开始日期和结束日期工作的代码是：

<script>
$("#startdate_datepicker").datepicker();
$("#enddate_datepicker" ).datepicker();
</script>

问题陈述：

我想知道在选择开始日期和结束日期时，我应该在脚本两个月日历中显示哪些更改。

我尝试了以下代码，但不知何故它似乎不起作用。

<script>
$("#startdate_datepicker").datepicker( numberOfMonths: [2, 3] );
$("#enddate_datepicker" ).datepicker( numberOfMonths: [2, 3] );
</script>

【问题讨论】：

这是来自引导程序的日期选择器吗？据我所知，如果我没记错的话，它不会显示 2 的范围。另一方面，jquery datepicker 可以。它监听变量numberOfMonths: 2（不带括号）。其他尝试类似daterangepicker.com

是的，它来自 Bootstrap，我也认为我们不能在 Bootstrap 中这样做，但我不确定。我想知道我需要在代码中做哪些更改。如果你按下 CTRL+U（我很确定，你知道的），你可以看到它背后的所有代码。

@Dorvalla 类似这样的东西：<script> $("#startdate_datepicker").datepicker( numberOfMonths: 2 ); $("#enddate_datepicker" ).datepicker( numberOfMonths: 2 ); </script>

@Dorvalla 你在吗？

【参考方案1】：

当前是：

<script>
$("#startdate_datepicker").datepicker( numberOfMonths: [2, 3] );
$("#enddate_datepicker" ).datepicker( numberOfMonths: [2, 3] );
</script>

改为：

<script>
$("#startdate_datepicker").datepicker( numberOfMonths: [1, 2] );
$("#enddate_datepicker" ).datepicker( numberOfMonths: [1, 2] );
</script>

在numberOfMonths: [1, 2] 中，1 是行，2 是月数。

要将颜色更改为橙​​色，请使用以下 CSS：

.ui-widget-header 
  border: 1px solid #FFA500;
  background : #FFA500;


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
    border: 1px solid #FFA500;
  background : #FFA500;

【讨论】：

我尝试了选项 1，但没有成功。我用这个way 让它工作并且对我来说工作正常。我对此有一个快速的看法。此时日历颜色为浅绿色，有什么办法可以改成橙色？

@user5447339 我正在更新我的答案，以了解如何使其变为橙色。