Javascript daterangepicker未设置日期

Javascript daterangepicker未设置日期,javascript,daterangepicker,Javascript,Daterangepicker,我的网站上有daterangepicker()设置: 使用此代码: $(function() { $('input[id="searchDateRange"]').daterangepicker({ timePickerSeconds: true, autoApply: true, startDate: "${defaultStart}", endDate: "${defaultEnd}", timePic

我的网站上有daterangepicker()设置:

使用此代码:

$(function() {
    $('input[id="searchDateRange"]').daterangepicker({
        timePickerSeconds: true,
        autoApply: true,
        startDate: "${defaultStart}",
        endDate: "${defaultEnd}",
        timePicker: true,
        locale: {
            format: 'MM/DD/YYYY HH:mm:ss:SSS'
        },
        ranges: {
           'Past 24 Hours': [moment().subtract(1, 'days'), moment()],
           'Today': [moment().startOf('day'), moment().endOf('day')],
           'Yesterday': [moment().subtract(1, 'days').startOf('day'), moment().subtract(1, 'days').endOf('day')],
           'Last 7 Days': [moment().subtract(6, 'days'), moment()],
           'Last 30 Days': [moment().subtract(29, 'days'), moment()],
           'This Month': [moment().startOf('month'), moment().endOf('month')],
           'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')],
           'None': [null, null]
        }
    });


    var history = document.querySelector('.history');
    if (history) {
        new Tablesort(history);
    }
});
当我选择“无”时,我希望它将字段设置为空,但它将值设置为“无效日期-无效日期”:

有没有办法根据所选内容清空字段?

使用事件和时刻的

$('input[id=“searchDateRange”]”)。日期范围选择器({
timePickerSeconds:正确,
自动应用:正确,
//startDate:“${defaultStart}”,
//endDate:“${defaultEnd}”,
时间选择器:是的,
区域设置:{
格式:'MM/DD/YYYY HH:MM:ss:SSS'
},
范围:{
“过去24小时”:[moment().减去(1,'天'),moment()],
“今天”:[时刻().startOf('day'),时刻().endOf('day'),
‘昨天’:[moment().subtract(1,'days').startOf('day'),moment().subtract(1,'days').endOf('day'),
“过去7天”:[力矩().减去(6,'天'),力矩()],
“过去30天”:[力矩().减去(29,'天'),力矩()],
“本月”:[moment().startOf('Month'),moment().endOf('Month'),
“上个月”:[moment().subtract(1,'月').startOf('月'),moment().subtract(1,'月').endOf('月')],
“无”:[null,null]
}
});
$('input[id=“searchDateRange”]')。on('apply.daterangepicker',函数(ev,picker){
如果(!picker.startDate.isValid()| |!picker.endDate.isValid()){
$(this.val(“”)
}
});

尽管上述答案是一个非常好的解决方案,而且比这更好。您也可以尝试以下代码:-

$('input[id="searchDateRange"]').on('change', function(){
    if($(this).val() == 'Invalid date - Invalid date')
    {
        $(this).val(" ");
    }
});

你应该像他们描述的那样设置一个空字符串值,他们给出了一个clear按钮的例子:clear按钮很好,但是需要你选择“Custom Range”在它作为一个选项出现之前,这并不是我所希望的。这只是一个例子,展示了如何使用User863在回答中所写的clear函数。如何在页面加载时运行该函数?i、 例如,当我点击“Go”时,页面将数据加载到表单中,然后表单在字段中设置值。因此,当我重新加载页面时,它会返回到“无效日期-无效日期”@ryvantage try
$('input[id=“searchDateRange”]”)。val(“”)
日期范围选择器初始化后加载页面