在DateRangePicker中將minDate設置為當前日期

Question

我正在使用DateRangePicker作為日期。 我試圖通過將最小日期設置為當前日期來禁用過去的日期，如下所示。它沒有做任何事情。

$('.daterange-single').daterangepicker({ 
        singleDatePicker: true,
        minDate: today
    });

但是當你給出如下的實際日期時它工作正常。

$('.daterange-single').daterangepicker({ 
        singleDatePicker: true,
        minDate: "7/11/2019"
    });

請幫我看看如何在DateRangePicker中將minDate設置為當前日期

Answer 1

您可以在daterangepicker中的當前日期設置minDate 。 您可以嘗試以下代碼：

 $(function() { $('input[name="birthday"]').daterangepicker({ singleDatePicker: true, showDropdowns: true, minYear: 1901, minDate: new Date(), maxYear: parseInt(moment().format('YYYY'),10) }); }); 

 <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> <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/daterangepicker/daterangepicker.css" /> <input type="text" name="birthday" /> 

Answer 2

從today時刻開始將today的值設置為當前日期moment()

var today = moment()

或者只是一個約會對象

var today = new Date()

 $('#datetimepicker').datetimepicker({ minDate: moment() }); 

 <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.8.4/moment.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/css/bootstrap-datetimepicker.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/3.1.3/js/bootstrap-datetimepicker.min.js"></script> <input type="text" id="datetimepicker"> 

Answer 3

您可以嘗試設置變量以包含今天的日期並將其用作minDate

var today = new Date();
var dd = today.getDate();
var mm = today.getMonth()+1; //As January is 0.
var yyyy = today.getFullYear();
var todayDateString = dd+"/"+mm+"/"+yyyy;

$('.daterange-single').daterangepicker({ 
    singleDatePicker: true,
    minDate: todayDateString
});