禁用日期选择器上给定日期的过去日期

Question

Answer 1

要禁用去年日期，您可以在参数中传递年份范围。喜欢

yearRange: '1950:2013', // specifying a hard coded year range

或

   yearRange: "c-100:c+0", // last hundred years and current years

示例：

$(document).ready(function() {
    $("#date").datepicker({
        changeYear:true,
        yearRange: "2005:2015"
    });
});

过去10年和未来10年：

 $('#datepicker2').datepicker({
     changeMonth: true,
     changeYear: true,
     minDate: 0,
     yearRange: 'c-10:c+20',

 });

如果你想禁用过去的日期你可以传递startDate或minDate

  $('#date').datepicker({
    changeMonth: true,
    changeYear: true,
    showButtonPanel: true,
     minDate: new Date(),
});

FIDDLE：用于禁用过去的日期 https://jsfiddle.net/p0deLk56/

Answer 2

针对js/react/next用户的解决方案：使用min value属性并设置你想要的日期。在本例中，是今天的日期

<input
  onChange={foo}
  onBlur={bar}
  type="date"
  data-testid="name-input"
  name="name"
  min={new Date().toISOString().split("T")[0]}
/>