javascript 日期范围选择器默认值
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/16608389/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
date range picker default value
提问by Kirk ERW
Hi all I'm using daterangepicker.jQuery.js
大家好，我正在使用 daterangepicker.jQuery.js
per default it's initialized at 1970-01-01 and i've searched in the whole javascript but i didn't find it does someone know how to change this value ? and if possible how to limit the calendar in today's date please
默认情况下，它在 1970-01-01 初始化，我在整个 javascript 中进行了搜索，但我没有发现有人知道如何更改此值吗？如果可能的话，请如何将日历限制在今天的日期
( EDIT )
（ 编辑 ）
I've tried
我试过了
<script type="text/javascript">
$(function(){
$('#rangeBa, #rangeBb').daterangepicker();
});
$(document).ready(function(){
var date = '17-05-2013';
$('#rangeBa, #rangeBb').daterangepicker('setDate', date);?
})
</script>
but it's not working
但它不起作用
回答by Gautam3164
Try like
试试像
$(document).ready(function(){
var date = '17-05-2013';
$("#my_input").datepicker('setDate', date);?
})
Make sure that the datepicker date format would be like 'dd-mm-yyyy' only As per your edit
确保 datepicker 日期格式仅类似于 'dd-mm-yyyy' 根据您的编辑
/*$(function(){
$('#rangeBa, #rangeBb').daterangepicker();
});*/
$(document).ready(function(){
var date = '17-05-2013';
$('#rangeBa, #rangeBb').daterangepicker();
$('#rangeBa, #rangeBb').daterangepicker('setDate', date);
})
and you can try by date object like
您可以尝试按日期对象，例如
defaultDate = new Date(2013,05,17);
$('#rangeBa, #rangeBb').daterangepicker('setDate', defaultDate);
回答by Akash Bhalani
try it.
试试看。
<script type="text/javascript">
var today = new Date();
$(function () {
$('#rangeBa, #rangeBb').daterangepicker({
"startDate": today,
},
locale: {
format: 'DD-MM-YYYY',
},
function (start) {
startdate = start.format('DD-MM-YYYY')
});
});
</script>
You can try like this and daterangepicker take default date of today..
你可以像这样尝试并且 daterangepicker 取今天的默认日期..
回答by Filip Ková?
This works like a charm. You can try it.
这就像一个魅力。你可以试试看。
var today = new Date();
var endDate = new Date();
endDate.setMonth(endDate.getMonth() + 1);
$('#rangeBa, #rangeBb').daterangepicker({
startDate: today, // after open picker you'll see this dates as picked
endDate: endDate,
locale: {
format: 'DD-MM-YYYY',
}
}, function (start, end, label) {
//what to do after change
}).val(today + " - " + endDate); //set it to see it inside input (don't forget to format dates)
If you want to limit date range just use minDate and maxDate options.
如果您想限制日期范围，只需使用 minDate 和 maxDate 选项。
回答by USB Tim
<input type="text" name="daterange" value="01/01/2018 - 01/15/2018" />
<script>
$(function() {
$('input[name="daterange"]').daterangepicker({
opens: 'left'
}, function(start, end, label) {
console.log("A new date selection was made: " + start.format('YYYY-MM-DD') + ' to ' + end.format('YYYY-MM-DD'));
});
});
</script>
