【问题标题】:How to restrict age minimum 3 years in bootstrap如何在引导程序中限制最低年龄 3 岁
【发布时间】:2017-02-15 11:38:17
【问题描述】:

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

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

我的小提琴链接: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>

【问题讨论】:

标签: jquery html twitter-bootstrap


【解决方案1】:

看看这里:

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

【讨论】:

  • $(function() { $('#teacherDateOfBirth').datepicker({ format : 'mm/dd/yyyy', startDate : '-5y', endDate : '+0d', 自动关闭: true }) .on('change',function() { $('#teacherSelfForm').bootstrapValidator('revalidateField', 'teacherDOB'); }); }); });
  • 我写过这样的检查为什么这不起作用
  • 我认为代码 sn-p 只是“有趣”我在本地尝试了 jsfiddle + 并且它有效。 jsfiddle.net/Lp0s2471/1
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2022-07-01
  • 2022-01-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多