如果用户未在jquery中输入结束日期，如何将开始日期设置为默认结束日期? [英] How can i set the start date as default end date if the user does not enter the end date in jquery?

问题描述

var dates = $("#filterDateStart, #filterDateEnd").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function (selectedDate) {
            var option = this.id == "filterDateStart" ? "minDate" : "maxDate",

                    instance = $(this).data("datepicker"),
                    date = $.datepicker.parseDate(
                        instance.settings.dateFormat ||
                        $.datepicker._defaults.dateFormat,
                        selectedDate, instance.settings);
            dates.not(this).datepicker("option", option, date);
        }
    });

推荐答案

这应该有效

$("#filterDateStart").datepicker({
    onSelect: function () {
       var dateObj = $(this).datepicker( 'getDate' );
       $("#filterDateEnd").datepicker( "option", "defaultDate", dateObj);
    }
});

编辑

用于测试的HTML:

<form id="testForm" action="#">
<p>Date: <input type="text" id="filterDateStart" /></p>
<p>Date: <input type="text" id="filterDateEnd" /></p>

<input type="submit" value="check end date default "/>
</form>

JavaScript

JavaScript

$(document).ready(function(){
    $("#filterDateStart").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        numberOfMonths: 1,
        onSelect: function () {
           var startDate = $(this).datepicker( 'getDate');
           var endDate = $("#filterDateEnd").datepicker( 'getDate' );
           if($("#filterDateEnd").datepicker( 'getDate' ) == null || startDate > endDate)
           {
               $("#filterDateEnd").datepicker( "setDate", startDate );
           }
        }
    });
    $("#filterDateEnd").datepicker({
        dateFormat: "yy-mm-dd",
        changeMonth: true,
        numberOfMonths: 1
    });

    $("#testForm").submit(function(e){
        e.preventDefault(); 
        alert( $("#filterDateEnd").datepicker("getDate"));
    })
});

工作中的人

这篇关于如果用户未在jquery中输入结束日期，如何将开始日期设置为默认结束日期?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！