日期范围选择器默认值
date range picker default value
大家好,我使用的是daterangepicker.jQuery.js
(http://trac.vtiger.com/cgi-bin/trac.cgi/browser/vtigercrm/branches/6.0.0/vtiger6/libraries/jquery/jquery-ui/third-party/jQuery-UI-Date-Range-Picker/js/daterangepicker.jQuery.js?rev=13838)
默认值在1970-01-01初始化,我在整个javascript中搜索,但我没有发现有人知道如何改变这个值吗?如果可能的话,如何将日历限制在今天的日期
(EDIT)
I've try
<script type="text/javascript">
$(function(){
$('#rangeBa, #rangeBb').daterangepicker();
});
$(document).ready(function(){
var date = '17-05-2013';
$('#rangeBa, #rangeBb').daterangepicker('setDate', date);?
})
</script>
但是不工作
这简直太神奇了。你可以试试。
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)
如果你想限制日期范围,只需使用minDate和maxDate选项
Try like
$(document).ready(function(){
var date = '17-05-2013';
$("#my_input").datepicker('setDate', date);
})
确保日期选择器的日期格式仅为'dd-mm-yyyy'根据你的编辑
/*$(function(){
$('#rangeBa, #rangeBb').daterangepicker();
});*/
$(document).ready(function(){
var date = '17-05-2013';
$('#rangeBa, #rangeBb').daterangepicker();
$('#rangeBa, #rangeBb').daterangepicker('setDate', date);
})
,你可以尝试按日期对象,如
defaultDate = new Date(2013,05,17);
$('#rangeBa, #rangeBb').daterangepicker('setDate', defaultDate);
试一试
<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>
你可以这样尝试,daterangepicker接受今天的默认日期。
<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>
相关文章:
- jquery日期选择器年份范围默认值
- 如何将返回的值应用于多个不同位置的多个选择器
- jquery日期选择器显示与值不同的文本
- 时间选择器:如何通过更改第一个值来更改第二个值
- Selectize选择默认值
- 为什么不将 jQuery UI 日期选择器的默认值设置为匿名函数
- 如何在默认日期选择器旁边添加额外的面板
- 如何在mongo选择器中使用过滤器的默认值
- 具有默认初始值的日期时间选择器(仅限基本Html和Javascript)
- 日期范围选择器默认值
- 如何在日期选择器文本框中将默认日期值设置为当前日期
- Shopify |为产品下拉框设置默认值'/ '选择尺寸'
- jQuery日期选择器将日期格式作为默认值
- jQuery日期时间选择器插件的设置默认值
- jQuery设置了日期选择器输入的默认值
- 如何在 Jquery 日期选择器中将最小日期设置为默认值
- 值/选择器中的反斜杠
- 如何通过javascript打开默认日期选择器
- Jquery中不区分大小写的属性值选择器
- 引导日期选择器:将格式更改为默认值