如何在Date range picker中显示24个月而非默认2个月?
解决Date Range Picker显示24个月的问题
- 修正参数类型:
numberOfMonths接受数字类型值,你传入的'24'是字符串,改为数字24即可生效。 - 扩展容器宽度:默认日期选择器的容器宽度不足以容纳24个月,需要自定义CSS调整宽度,示例如下:
.daterangepicker { min-width: 2000px; /* 可根据实际显示需求调整数值 */ } - 完整初始化代码示例:
$('input[name="daterange"]').daterangepicker({ numberOfMonths: 24, startDate: moment().subtract(23, 'months'), endDate: moment() });
注意:24个月的横向显示可能会受页面布局限制,若出现排版或滚动问题,可根据实际场景微调容器宽度,或结合年份范围限制优化显示效果。
内容的提问来源于stack exchange,提问作者jaydeep patel
相关产品推荐
相关产品推荐

