Question

我有两个日期字段，从现在开始。如果我更改日期到日期将更改，使用日期选择器中的更改功能。我已经在我的表单中重置按钮，如果我重置值应该重置。但我的问题是如果我选择从日期（即5/02/17）和到日期（即5/02/17）我将不允许用户选择未来的日期

$('#fromDate').datepicker({
    format:'dd/mm/yyyy',
     endDate: '+0d',
    autoclose: true
}).on('changeDate', function (selected) {
    var minDate = new Date(selected.date.valueOf());
    $('#toDate').datepicker('setStartDate', minDate);
    var endDateValue = $("#toDate").val();
    var date = new Date(minDate);
    var dd = date.getDate();
    var mm = date.getMonth() + 1; 

    var yyyy = date.getFullYear()+543;
    if (dd < 10) {
        dd = '0' + dd;
    }
    if (mm < 10) {
        mm = '0' + mm;
    }
    var startDate = dd + '/' + mm + '/' + yyyy;
    console.log(yyyy+ "endDateValue "+endDateValue);
    if(endDateValue === ""){
        $("#toDate").val($.datepicker.formatDate('dd/mm/yy', new Date(startDate)));
    }else if(endDateValue < startDate){
        $("#toDate").val($.datepicker.formatDate('dd/mm/yy', new Date(startDate)));
    }

});
$('#toDate').datepicker({
    format:'dd/mm/yyyy',
     endDate: '+0d',
    autoclose: true,
    todayHighlight:false
}).on('changeDate', function (selected) {
    var minDate = new Date(selected.date.valueOf());
    var endDateValue = $("#fromDate").val();
    if(endDateValue === ""){

        var date = new Date(minDate);
        var dd = date.getDate();
        var mm = date.getMonth() + 1; 

        var yyyy = date.getFullYear()+543;
        if (dd < 10) {
            dd = '0' + dd;
        }
        if (mm < 10) {
            mm = '0' + mm;
        }
        var endDate = dd + '/' + mm + '/' + yyyy;
        console.log(yyyy+ "endDate "+endDate);
        $("#fromDate").val($.datepicker.formatDate('dd/mm/yy', new Date(endDate)));
    }

});

我使用上面的代码来改变我的日期和日期。如果我点击清除按钮

$("#clearButton").click(function(){

    $('#toDate').datepicker('update','');

});

我写了上面的代码。我的问题是，如果我点击清除按钮，我无法清除我的日期。（即我选择了从日期开始并点击了清除按钮，到目前为止日期仍然是我的日期。我不能超越那个）。我已经尝试了所有的方法，但无法解决。帮助我

Answer 1

试试此代码

$('#toDate').val('')

或

$('#toDate').datepicker("clearDates");

或

$('#toDate').val('').datepicker('update');

或

$('#toDate').datepicker({
    clearBtn: true
});

Answer 2

使用setDate：

$('#toDate').datepicker('setDate', null);

OR

重绘日期选择器

$('#toDate').datepicker( "refresh" );

日期选择器没有重置？

2 个答案: