jquery - 如何在 bootstrap 中限制年龄最小 3 岁

标签 jquery html twitter-bootstrap

如何将年龄限制为从当前日期算起的3岁,它不应超过5年,并且不应选择 future 日期(主题是出生日期应为3至5年,不超过或小于该日期)如何要在下面的日期选择器代码中执行此操作,是否可以在 Bootstrap 验证中执行此操作

示例当前年份是 2017 年,他可以选择 2014 年到 2012 年,更多意味着他不应选择 2011 年或 2018 年

我的 fiddle 链接:https://jsfiddle.net/k2e3eyhm/1/

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

最佳答案

看这里:

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
  });
});

关于jquery - 如何在 bootstrap 中限制年龄最小 3 岁,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42248317/

相关文章:

javascript - 如何根据 INPUT 值动态更改 css 样式?

android - 在iPhone,BlackBerry和Android网站上使用声音

html - 获取背景图像以使用背景完全调整大小

html - Bootstrap 字形图标在移动设备上随着字体大小的变化而错位

javascript - 如何将表数据的类从 php 传递到 ajax/javascript

jquery - 代码点火器 : image upload validation

javascript - JQuery 自动完成不适用于第一个按键事件(源是一个数组)

html - 如何将列表对象传递给html字符串?

javascript - 用于桌面和移动平台的 Twitter bootstrap popover 触发器

css - 显示为正方形的字形 (bootstrap 3.2.0)