jQuery DatePicker最小最大日期

5 回答

• 0

  $(function() {
  
      $( "#datepicker" ).datepicker({ 
          changeYear: true,
          minDate: '-3M',
          maxDate: '+28D',
      });
  });
  

  JSFiddle Demo

  UPDATE

  您可以从默认日期计算巡视最大和最小有效日期，然后将其分配给日期选择器 .

  var expdisp = $("#expdisp").attr("value");
  
  $("#expirydate" ).datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      dateFormat: "dd/mm/yy",
      defaultDate: expdisp,
      showOtherMonths: true,
      selectOtherMonths: true,
      changeMonth: true,
      changeYear: true,
  
      minDate: '-3M',
      maxDate: '+28D',
  });
  

  Update Demo

  回复于 2024-04-19T20:26:42+08:00
• 0

  maxDate ： - 设置可以选择的最大日期 . 接受日期对象或相对数字 . 例如：7，或6m等字符串 .

  minDate :- 设置可以选择的最小日期 . 接受数字，日期对象或字符串 .

  $(document).ready(function() {
    $("#date").datepicker({
        minDate: -3,
        maxDate: "1w"
    });
  

  }）;

  参考： - set Minimum and maximum date to jquery datepicker

  回复于 2024-04-19T20:26:42+08:00
• 2

  你可以尝试：

  var expdisp = $("#expdisp").attr("value");
  
  $("#expirydate" ).datepicker({
      showOn: "button",
      buttonImage: "images/calendar.gif",
      buttonImageOnly: true,
      dateFormat: "dd/mm/yy",
      defaultDate: expdisp,
      showOtherMonths: true,
      selectOtherMonths: true,
      changeMonth: true,
      changeYear: true,
  
      minDate: -3M,
      maxDate: +28D
  });
  

  回复于 2024-04-19T20:26:42+08:00
• 14

  您还可以使用特定的日期范围 . 我添加了最小14D的开始日期 . 您只需要记住与日期格式保持一致，并在MM / DD / YYYY之间使用“/”代替“ - ” .

  $('#Date').datepicker({
    changeMonth: true,
    minDate: '10/19/2016',
    maxDate: '+14D',
  });
  

  回复于 2024-04-19T20:26:42+08:00
• 0

  $(document).ready(function () {
      $('input[id$=tbDate]').datepicker({   
          dateFormat: 'dd-mm-yy',
           minDate: '-0D',
           maxDate: '+28D',
      });
  });
  

  回复于 2024-04-19T20:26:42+08:00