You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 14:42:04