2017-02-15 41 views
2

如何限制從現在的日期3歲不應超過5年,它不應該選擇未來日期(主題是出生日期應爲3至5年如何在下面的日期選擇器代碼中做到這一點,是否可以在自舉驗證中做到這一點如何限制年齡至少3年的自舉

示例當前年份是2017年,他可以從2014年到2012年選擇不更多意味着他不應該選擇2011年或2018年

我的小提琴鏈接:https://jsfiddle.net/k2e3eyhm/1/

$('#studentDOB').datepicker({ 
 
    autoclose : true, 
 
    format : 'mm/dd/yyyy', 
 
     }).on('changeDate',function(e) { 
 
\t $('#studentEnrollmentForm').bootstrapValidator(
 
\t 'revalidateField', 'studentDOB'); 
 
\t });    
 
       
 
/*'studentDTO.studentDOB' : { 
 
    \t validators : { 
 
\t  notEmpty : { 
 
\t \t message : 'The date is required', 
 
\t \t \t }, 
 
\t \t date : { 
 
\t \t \t format : 'MM/DD/YYYY', 
 
\t \t \t message : 'The date is not a valid', 
 
\t \t \t min: '01/01/1999' 
 
\t \t \t } 
 
\t \t } 
 
\t }*/
<div class="container"> 
 
<div class="col-sm-6" style="height: 75px;"> 
 
\t <div class='col-md-5'> 
 
\t <div class="form-group"> 
 
\t \t <div class="input-group input-append date" id="studentDOB"> 
 
\t  <input type="Text" class="form-control" name="studentDOB" /> 
 
       <span class="input-group-addon add-on"> 
 
       <span class="glyphicon glyphicon-calendar"></span></span> 
 
\t \t \t \t \t </div> 
 
\t \t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div>

+0

讀出相應的文章:http://stackoverflow.com/questions/20086584/datepicker-mindate-today-and-maxdate -31日 - 12月接下來的一年 –

回答

2

看一看這裏:

http://jsfiddle.net/Lp0s2471/

var today = new Date(); 
var lastDate = new Date(today.getFullYear() -5, 11, 31); 
$(function() { 
    $('.how_old_are_you').datepicker({ 
    yearRange: '-0:+1', 
    maxDate: lastDate, 
    hideIfNoPrevNext: true 
    }); 
}); 
+0

$(函數(){ \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t $( '#teacherDateOfBirth')。日期選擇器({ \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t格式: '毫米/日/年', \t \t \t \t \t \t \t \t \t開始日期: '-5y', \t \t \t \t \t \t \t \t \t結束日期: '+ 0D', \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t自動關閉:真 \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t}) \t \t \t \t \t \t \t \t。對( '變更',函數(){ \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t $( '#teacherSelfForm')bootstrapValidator( 'revalidateField',\t 'teacherDOB'); \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t \t}); \t \t \t \t \t}); \t \t \t \t}); –

+0

我已經寫了這樣的檢查,爲什麼這不起作用 –

+0

我認爲代碼片段只是'有趣'我試着jsfiddle +本地和它的作品。 http://jsfiddle.net/Lp0s2471/1/ – bens