【问题标题】:Daterangepicker min dateDaterangepicker 最小日期
【发布时间】:2019-02-11 07:41:32
【问题描述】:

我的模块有交货日期,我使用 daterangepicker 作为交货日期。我想将我的 daterangepicker 当前年份设置为从现在起 10 年后

JS

$('#date_needed').append(''
  +'<input type="text" class="form-control dates_edit" name="date_needed" />'
)

$('.dates_edit').daterangepicker({
                yearRange: '2019:c+10',
                singleDatePicker: true,
                minDate: new Date('2019:c+10'),
                showDropdowns: true
            });

问题:如何为我的 date_needed daterangepicker 设置最小日期?

【问题讨论】:

    标签: daterangepicker


    【解决方案1】:
    minDate: new Date(new Date().setFullYear(new Date().getFullYear() + 10))
    

    【讨论】:

    • 你真的是指+20吗? OP 要求 10 个。
    • 你可以在那里添加,根据你的要求。如果您需要 10 年,请将 20 年替换为 10 年。
    • 我尝试了你的建议,它将从现在开始 2029 - 2034。我想要 2019 - 2029
    • minDate : new Date(), maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 10)) mindata 和 maxdate 都是 daterangepicker 控件,你可以设置您需要的最短日期,即(2019 年)以及 maxdate 是您的日期选择器的结束日期(2019 年)是 Mindate(2029 年)是 Maxdate
    • 所以你的意思是我的 maxDate 应该像上面的答案,而我的 minDate 没有 +10?
    【解决方案2】:

    感谢@RaviTeja V,我的问题现在通过这样做解决了:

    $('.dates_edit').daterangepicker({
           yearRange: '2019:c+10',
           singleDatePicker: true,
           minDate : new Date(), maxDate: new Date(new Date().setFullYear(new Date().getFullYear() + 10)),
           showDropdowns: true
    });
    

    但是谁能给我解释一下,为什么我下面的代码不起作用?

    $('.dates_edit').daterangepicker({
            yearRange: '2019:c+10',
            singleDatePicker: true,
            minDate: new Date(new Date().setFullYear(new Date().getFullYear())),
            maxDate: new Date(new Date().setFullYear(new Date().getFullYear() +10)),
            showDropdowns: true
    
    });
    

    这两者有区别吗?

    【讨论】:

      猜你喜欢
      • 2020-08-10
      • 1970-01-01
      • 2021-03-05
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-07-25
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多