JS选择日期控件,当前日期以后的日期不能选择
做个笔记记录一下,希望大家有所帮助!
1 <html lang="en"> 2 <head> 3 <meta charset="UTF-8"> 4 <title>input框中自动展示当前日期</title> 5 </head> 6 <body> 7 8 <div class="form-group"> 9 <ul> 10 <li style="float: left;"> 11 <em></em> 12 <label class="col-sm-3 control-label">正常显示的时间</label> 13 <input type="date" id="beginTime2" /> 14 15 16 <label class="col-sm-3 control-label">不能选择今天以后的时间</label> 17 <em></em> 18 <input type="date" id="beginTime" max="2018-1-04"> 19 </li> 20 </ul> 21 </div> 22 <script typet="text/javascript" src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script> 23 24 <script> 25 $(function(){ 26 //得到当前时间 27 var date_now = new Date(); 28 //得到当前年份 29 var year = date_now.getFullYear(); 30 //得到当前月份 31 //注: 32 // 1:js中获取Date中的month时,会比当前月份少一个月,所以这里需要先加一 33 // 2: 判断当前月份是否小于10,如果小于,那么就在月份的前面加一个 '0' , 如果大于,就显示当前月份 34 var month = date_now.getMonth()+1 < 10 ? "0"+(date_now.getMonth()+1) : (date_now.getMonth()+1); 35 //得到当前日子(多少号) 36 var date = date_now.getDate() < 10 ? "0"+date_now.getDate() : date_now.getDate(); 37 //设置input标签的max属性 38 $("#beginTime").attr("max",year+"-"+month+"-"+date); 39 }) 40 </script> 41 </body> 42 43 </html>
原:科技改变生活!