为了账号安全,请及时绑定邮箱和手机立即绑定

禁用html5 datepicker中的某些日期

禁用html5 datepicker中的某些日期

慕少森 2019-07-27 11:14:58
禁用html5 datepicker中的某些日期是否可以在我使用时禁用日期我想禁用一个方案的当前日期和其他方案的未来日期。我该如何禁用日期?
查看完整描述

3 回答

?
繁星点点滴滴

TA贡献1803条经验 获得超3个赞

HTML datepicker(<input type=date>)支持minmaxattribute,但它不受广泛支持

在此期间,您可以考虑使用bootstrap-datepicker,v1.2.0在github上

参考文献:

W3C规范


查看完整回答
反对 回复 2019-07-27
?
慕的地6264312

TA贡献1817条经验 获得超6个赞

您可以使用它来禁用将来的日期:
在您document.ready运行的内部,放置

//Display Only Date till today //var dtToday = new Date();var month = dtToday.getMonth() + 1;     // getMonth() is zero-basedvar day = dtToday.getDate();var year = dtToday.getFullYear();if(month < 10)
   month = '0' + month.toString();if(day < 10)
   day = '0' + day.toString();var maxDate = year + '-' + month + '-' + day;$('#dateID').attr('max', maxDate);

并以形式

<input id="dateID" type="date"/>

这是工作的jFiddle演示


查看完整回答
反对 回复 2019-07-27
  • 3 回答
  • 0 关注
  • 930 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信