我有一个输入字段,它接受用户的输入:
<div class="four columns">
<label>Date of birth (DD/MM/YYYY)<span class="text-red">*</span </label>
<input id="dob2" class="datepicker" name="dob2" class="input" type="text"><span class="dateico"><img src="img/steps_breadcrumb/ico_calendar.png"></span>
</div>
此输入目前仅允许 16 岁以上的用户。这是日期选择器的 JS 代码:
$(document).ready (function () {
$('#dob2').datepicker();
$('#dob2').datepicker ("option", "changeMonth", true);
$('#dob2').datepicker ("option", "changeYear", true);
$('#dob2').datepicker ("option", "yearRange", "-100:-16");
$('#dob2').datepicker ("option", "maxDate", "-16Y");
$('#dob2').datepicker ("option", "minDate", "-100Y");
});
但我想要它做的是 - 如果用户输入 16/17,输入框下方会出现一个提示符,其中包含特殊消息或警报消息,说明某些内容。
最佳答案
由于您的日期选择器将年份限制为 2000,因此我假设 16/17 表示该月的日期..
您可以使用日期选择器内置的 onSelect 事件处理程序。
所以你的函数就变成了
$('#dob2').datepicker({
changeMonth: true,
changeYear: true,
yearRange: "-100:-16",
maxDate: "-16Y",
minDate: "-100Y",
onSelect: function(dateText, inst) {
var date = $(this).datepicker('getDate');
var day = date.getDate();<br/>
if(day==16 || day== 17){
alert("show your message");
}
}
});
你可以找到 fiddle Here
关于javascript - Datepicker - 用户输入日期的 2 条规则,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38736269/