日期input框设置最大最小值无法实现的问题

如果要给date input 添加最小值和最大值,格式应该是 2014-09-09 而不是 2014-9-9,月份和日期是个位数的话都要加一个零

如图已经设置了最小值,可是最小值之前的日期还是可以选中

 

日期input框设置最大最小值无法实现的问题_第1张图片

 发现是日期的格式不对,min 的值应该是 2019-12-03 而不是2019-12-3,此时日期就会变成不可选中的状态

日期input框设置最大最小值无法实现的问题_第2张图片

如果是动态获取今天的日期作为最大值或者最小值,在JS中做字符拼接即可

  var myDate = new Date;
  var year = myDate.getFullYear(); //获取当前年
  var mon = myDate.getMonth()+1 < 10 ? "0"+(myDate.getMonth()+1) : (myDate.getMonth()+1);//
  var dat = myDate.getDate() < 10 ? "0"+myDate.getDate() : myDate.getDate();
  $("#input_date").attr("min",year+"-"+mon+"-"+dat);

 

你可能感兴趣的:(JS,JQ,HTML)