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

时间:2018-07-13 13:58:15

标签: jquery html twitter-bootstrap datepicker

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

此刻,我的domain上的开始日期和结束日期只显示一个月。

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

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

问题陈述:

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

我尝试了以下代码,但似乎不起作用。

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

1 个答案:

答案 0 :(得分: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;
}