如圖:javascript
實際的業務需求是:html
用戶選擇月份,提交。java
再下一個環節時,須要再次選擇具體日期。這時的日期要根據前面提交的月份來限制,只能選擇該月份下的天數。即:限制日期控件:只能選擇指定月份下的日期bootstrap
html this
<input type="text" id="currentDate" class="form-control"> <div> 指定年月爲:<span id="month">2019-01</span> </div>
jsspa
$(function(){ var date=new Date; //得到頁面的日期 var this_month = $("#month").text(); var this_year = date.getFullYear(); var this_month_dateTotal =""; //將得到到的日期作字符串截取 this_month=this_month.substring(5,7) //判斷大小月 if(this_month==2){ this_month_dateTotal=28 } if(this_month==4||this_month==6||this_month==9||this_month==11){ this_month_dateTotal=30 } if(this_month==1||this_month==3||this_month==5||this_month==7||this_month==8||this_month==10){ this_month_dateTotal=31 } console.log("//年:"+this_year+"//得到月份爲:"+this_month+"//當月天數:"+this_month_dateTotal) //作拼接,準備傳值到日期控件初始化 thisStartDate=this_month+"/1/"+this_year; thisEndDate=this_month+"/"+this_month_dateTotal+"/"+this_year; $('#currentDate').datepicker({ language: "zh-CN", //中文--中文支持須要引入bootstrap-datepicker.zh-CN.min.js format: 'mm/dd/yyyy',//格式 autoclose: true ,//自動關閉 //todayHighlight: true, //今日高亮 orientation: "bottom left", //對齊方式 // startDate:"5/1/2019", // endDate:"5/31/2019", startDate:thisStartDate, endDate:thisEndDate }); })