【问题标题】: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 类似这样的东西:&lt;script&gt; $("#startdate_datepicker").datepicker({ numberOfMonths: 2 }); $("#enddate_datepicker" ).datepicker({ numberOfMonths: 2 }); &lt;/script&gt;
  • @Dorvalla 你在吗?

标签: jquery html twitter-bootstrap datepicker


【解决方案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 我正在更新我的答案,以了解如何使其变为橙色。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-07-10
  • 1970-01-01
  • 2013-11-28
  • 2015-02-05
相关资源
最近更新 更多