首页 > 其他分享 >解决daterangepicker 初始化默认值不能设置为空,双日历初始不能选择当天日期的问题;

解决daterangepicker 初始化默认值不能设置为空,双日历初始不能选择当天日期的问题;

时间:2023-03-17 17:55:12浏览次数:40  
标签:daterangepicker format DD YYYY 为空 var 默认值 true

$(function () {
        // var begin='';
        // var endTime='';
        $("#queryDate").daterangepicker({
                "autoApply": true, //选择日期后自动提交;只有在不显示时间的时候起作用timePicker:false
                showDropdowns: true, //年月份下拉框
                "opens": "center",
                data: "",
                showWeekNumbers: true,
                format: "YYYY-MM-DD",
                timePicker: false,
                timePickerIncrement: 1,
                timePicker24Hour: true,
                timePickerSeconds: true, //时间显示到秒
                autoUpdateInput: false,
                locale: {
                    format: "YYYY-MM-DD", //设置显示格式
                    applyLabel: '确定', //确定按钮文本
                    cancelLabel: '取消', //取消按钮文本
                    daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
                    monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
                        '七月', '八月', '九月', '十月', '十一月', '十二月'
                    ],
                    firstDay: 1
                },
            },
        );
//解决当天日期无法选择的问题
$('#queryDate').on('apply.daterangepicker', function(ev, picker) {
var startDate = picker.startDate.format('YYYY-MM-DD'); // 获取选择的开始日期
var endDate = picker.endDate.format('YYYY-MM-DD'); // 获取选择的结束日期
$("input[name='startTime']").val(startDate);
$("input[name='endTime']").val(endDate);
});
 

 

标签:daterangepicker,format,DD,YYYY,为空,var,默认值,true
From: https://www.cnblogs.com/johnny-ylp/p/17227700.html

相关文章