jQuery Datepicker。 2个日期选择器。限制范围:距离所选开始日期最多2周的日期

时间:2018-07-14 03:41:45

标签: javascript jquery datepicker

我有2个日期选择器“从”和“到”。我想限制日期范围,以便对于“发件人”日期选择器选择的任何日期,“发件人”日期选择器都限于从所选“发件人”日期起2周内。

例如:我在“发件人”日期选择器中选择07年7月15日,而我在“发件人”日期选择器中最多只能选择2018年7月29日。

  

当前DatePicker代码:

<script> $( function() {

var dateFormat = "mm/dd/yy",
  from = $( "#from" )
    .datepicker({
      defaultDate: "+1w",
      changeMonth: true,
      numberOfMonths: 1,
      minDate: 0
    })
    .on( "change", function() {


     to.datepicker( "option", "minDate", getDate( this ) ); 

    }),
  to = $( "#to" ).datepicker({
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 1
  })
  .on( "change", function() {
    from.datepicker( "option", "maxDate", getDate( this ) );
  });

function getDate( element ) {
  var date;
  try {
    date = $.datepicker.parseDate( dateFormat, element.value );
  } catch( error ) {
    date = null;
  }

  return date;
}
} );
</script>

1 个答案:

答案 0 :(得分:0)

这可能会有所帮助。在日期选择器中选择一个日期后,请在该日期中添加2周并将其设置为req.file日期。

to
$(document).ready(function(){
    $("#from").datepicker({
        onSelect:function(value){
            var date = new Date(value);
            date.setDate(date.getDate()+14);
            $("#to").datepicker("setDate",date)
        }
    });
    $("#to").datepicker();
});