Установите minDate на текущую дату в DateRangePicker - PullRequest
Новая
       81

Установите minDate на текущую дату в DateRangePicker

2 голосов
/ 11 июля 2019

Я использую DateRangePicker для дат.Я пытался отключить прошлые даты, установив минимальную дату на текущую дату, как показано ниже. Это ничего не делает. 

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

, но работает нормально, когда вы указываете фактическую дату, как показано ниже. 

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

Пожалуйста, помогите мне, как установить minDate на текущую дату в DateRangePicker

Ответы [ 3 ]

3 голосов
/ 11 июля 2019

Вы можете установить minDate на текущую дату в daterangepicker. Вы можете попробовать следующий код: 

$(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" />
2 голосов
/ 11 июля 2019

установить значение 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">
1 голос
/ 11 июля 2019

вы можете попробовать установить переменную, которая будет содержать сегодняшнюю дату, и использовать ее как 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
});
...