如何根据当前日期在Jquery日期选择中设置最小和最大日期

时间:2016-01-27 19:41:06

标签: javascript jquery date

JSFiddle可以在这里找到:http://jsfiddle.net/PQfDc/682/

我需要它:
根据用户选择输入在365天内选择一个日期。例如,用户输入01/01/2016,他们只能选择01/01/2016和01/01/2017之间的日期,之后没有任何内容。

我还设置了一种方法,如果日期在1月31日之前,则开始日期和结束日期可以变化。例如,用户可以选择的唯一日期是2015年1月31日至2016年12月31日

var d = new Date(); var Month = d.getMonth();var Month = Month + 1;
var Year = d.getFullYear(); var Day = d.getDate();

if(Day <= 9){ var Day = "0".concat(Day);}  

if(Month <= 9){ var Month = "0".concat(Month);}  

if(Month == 01 && Day <= 31){
var Year = Year - 1;
var MinYear = "31-01-"+Year;
var Year = Year + 1;
var MaxYear = "31-12-"+Year;
} else { 
var MinYear = "31-01-"+Year;
var Year = Year + 1;
var MaxYear = "31-12-"+Year;
} 

$(function() {

     /* global setting */
    var datepickersOpt = {
        dateFormat: 'dd-mm-yy',
        minDate   : 0
    }

    $("#TxtStrtDate").datepicker($.extend({
        onSelect: function() {
            var minDate = $(this).datepicker('getDate');
            minDate.setDate(minDate.getDate()-365); //add two days
            $("#TxtExpDte").datepicker( "option", "minDate", minDate);
        }
    },datepickersOpt));

    $("#TxtExpDte").datepicker($.extend({
        onSelect: function() {
            var maxDate = $(this).datepicker('getDate');
            maxDate.setDate(maxDate.getDate()+365);
            $("#TxtStrtDate").datepicker( "option", "maxDate", maxDate);
        }
    },datepickersOpt));
}); 

1 个答案:

答案 0 :(得分:2)

基于您的JSFiddle示例:

var datepickersOpt = {
    dateFormat: 'dd-mm-yy',
    minDate   : 0
}

$("#TxtStrtDate").datepicker($.extend({
    onSelect: function() {
        var minDate = $(this).datepicker('getDate');
        var maxDate = new Date();

        $('#TxtExpDte').datepicker('option', 'minDate', minDate);

        // add 365 days to the selected date
        maxDate.setDate(minDate.getDate() + 365); 
        $("#TxtExpDte").datepicker( "option", "maxDate", maxDate);
    }
},datepickersOpt));

$("#TxtExpDte").datepicker($.extend({},datepickersOpt));

链接到JSFiddle:http://jsfiddle.net/2op64ytL/1/

结果:

enter image description here