[英]Set minDate to current date in DateRangePicker
I am using DateRangePicker for dates. 我正在使用DateRangePicker作为日期。 I was trying to disable past dates by setting min date to current date as below.It does not do any thing.
我试图通过将最小日期设置为当前日期来禁用过去的日期,如下所示。它没有做任何事情。
$('.daterange-single').daterangepicker({
singleDatePicker: true,
minDate: today
});
but it is working fine when you give actual date as below. 但是当你给出如下的实际日期时它工作正常。
$('.daterange-single').daterangepicker({
singleDatePicker: true,
minDate: "7/11/2019"
});
Please help me how to set minDate to current date in DateRangePicker 请帮我看看如何在DateRangePicker中将minDate设置为当前日期
You can set minDate
at current date in daterangepicker. 您可以在daterangepicker中的当前日期设置
minDate
。 You can try the below code: 您可以尝试以下代码:
$(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" />
set the value of today
to the current date from moment moment()
从
today
时刻开始将today
的值设置为当前日期moment()
var today = moment()
or simply to a date object 或者只是一个约会对象
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">
you can try setting a variable to contain today's date and use it as minDate 您可以尝试设置变量以包含今天的日期并将其用作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
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.