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             &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
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>

 

posted @ 2021-01-18 13:44  Roc丶Y  阅读(1403)  评论(0)  编辑  收藏  举报