做個筆記記錄一下，希望大家有所幫助！
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>