猿问

禁用html5 datepicker中的某些日期

禁用html5 datepicker中的某些日期

是否可以在我使用时禁用日期我想禁用一个方案的当前日期和其他方案的未来日期。我该如何禁用日期?



慕少森
浏览 931回答 3
3回答

繁星点点滴滴

HTML datepicker(<input type=date>)支持min/&nbsp;maxattribute,但它不受广泛支持。在此期间,您可以考虑使用bootstrap-datepicker,v1.2.0在github上。参考文献:W3C规范

慕的地6264312

您可以使用它来禁用将来的日期:在您document.ready运行的内部,放置//Display&nbsp;Only&nbsp;Date&nbsp;till&nbsp;today&nbsp;//var&nbsp;dtToday&nbsp;=&nbsp;new&nbsp;Date();var&nbsp;month&nbsp;=&nbsp;dtToday.getMonth()&nbsp;+&nbsp;1;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;//&nbsp;getMonth()&nbsp;is&nbsp;zero-basedvar&nbsp;day&nbsp;=&nbsp;dtToday.getDate();var&nbsp;year&nbsp;=&nbsp;dtToday.getFullYear();if(month&nbsp;<&nbsp;10) &nbsp;&nbsp;&nbsp;month&nbsp;=&nbsp;'0'&nbsp;+&nbsp;month.toString();if(day&nbsp;<&nbsp;10) &nbsp;&nbsp;&nbsp;day&nbsp;=&nbsp;'0'&nbsp;+&nbsp;day.toString();var&nbsp;maxDate&nbsp;=&nbsp;year&nbsp;+&nbsp;'-'&nbsp;+&nbsp;month&nbsp;+&nbsp;'-'&nbsp;+&nbsp;day;$('#dateID').attr('max',&nbsp;maxDate);并以形式<input&nbsp;id="dateID"&nbsp;type="date"/>这是工作的jFiddle演示
随时随地看视频慕课网APP

相关分类

Html5
我要回答