jquery - 如何在日期范围选择器中禁用上个月

Question

我正在使用 JQuery DateRange Picker，并且我正在寻找禁用前几个月，即 2020 年 1 月、2019 年 12 月、11 月等。

我尝试过这个:

<asp:TextBox ID="txtPunchDate" class="form-control" runat="server" autocomplete="off"></asp:TextBox>


 $('#<%= txtDate.ClientID%>').daterangepicker({
   locale: {
            format: 'YYYY-MM-DD',
            "separator": " to "
   },
   changeMonth: false,
   changeYear: false,
   stepMonths: 0
 });

但它似乎不起作用..什么也没有发生..

有人可以帮我吗？

Answer 1

添加

minDate: moment().startOf('month'),

示例:

jQuery(function($) {

  $('input[name="daterange"]').daterangepicker({
    locale: {
      format: 'YYYY-MM-DD',
      "separator": " to "
    },
    minDate: moment().startOf('month'),
    changeMonth: false,
    changeYear: false,
    stepMonths: 0
  });

});

<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" />


<input type="text" name="daterange" />


<script type="text/javascript" src="https://cdn.jsdelivr.net/jquery/latest/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.min.js"></script>