如何设置日期2>Jquery UI日期选择器中的date1
How to set date2>date1 in Jquery UI Datepicker?
嗨,我想从第一个日期选择器中选择出生日期。在第二个日期选择器中,只选择出生日期以上的日期。
http://jsfiddle.net/boopathirajan/6c3v5gna/2/
我在这里添加了代码。
所以请帮我如何选择日期2>date1only
html
<div class="wrapper">
<input type="text" value="" id="date1" name="dob">
<input type="text" value="" id="date2" name="vcc">
</div>
jquery
jQuery('#date1').datepicker({
dateFormat : 'dd-mm-yy',
maxDate: 0
});
jQuery('#date2').datepicker({
dateFormat : 'dd-mm-yy',
maxDate: 0
});
以下是您的解决方案。
jQuery('#date1').datepicker({
dateFormat : 'dd-mm-yy',
onSelect: function(selected) {
$("#date2").datepicker("option","minDate", selected)
}
});
jQuery('#date2').datepicker({
dateFormat : 'dd-mm-yy',
onSelect: function(selected) {
$("#date1").datepicker("option","maxDate", selected)
}
});
JSFIDLE
或者采用不同的方法
$(document).ready(function () {
$("#date1").datepicker({
dateFormat: "dd-M-yy",
minDate: 0,
onSelect: function (date) {
var date2 = $('#date1').datepicker('getDate');
date2.setDate(date2.getDate() + 1);
}
});
$('#date2').datepicker({
dateFormat: "dd-M-yy",
onClose: function () {
var dt1 = $('#date1').datepicker('getDate');
var dt2 = $('#date2').datepicker('getDate');
//check to prevent a user from entering a date below date of dt1
if (dt2 <= dt1) {
var minDate = $('#date2').datepicker('option', 'minDate');
$('#date2').datepicker('setDate', minDate);
}
}
});
});
其工作良好的
jQuery('#date1').datepicker({
dateFormat : 'dd-mm-yy',
maxDate: 0,
onSelect: function (date) {
$('#date2').datepicker('option', 'minDate', date);
}
});
jQuery('#date2').datepicker({
dateFormat : 'dd-mm-yy',
maxDate:0,
minDate:1,
});
演示
相关文章:
- jquery日期选择器年份范围默认值
- jquery日期选择器失去了交互性
- jquery日期选择器显示与值不同的文本
- JQuery UI日期选择器:在选择出发日期时自动弹出返回日期
- 使用AJAX将日期从SQL服务器传递到jQuery日历
- 如何使用jquery更改为所需的日期格式
- 如何使用jQuery按数据日期属性选择元素
- 如何验证日期、月份和日期的3个独立输入字段;年使用jquery或javascript
- jQuery Datepicker从日期开始设置默认值
- 如何在jQuery Mobile中设置100%宽度的输入类型日期
- jQuery完整日历添加事件,仅包含月份和日期
- Jquery setdate设置的日期小于实际选定日期的一
- Jquery UI日期选择器不关注输入
- 如何显示/隐藏范围,具体取决于本地时间是否等于“开始日期”和“结束日期”Jquery之间
- 禁用列表日期 jquery 日期选择器
- 用户选择日期10年从今天日期jquery日期选择器
- 计算结束日期从月和开始日期JQuery
- 只选择一个数组的日期Jquery日期拾取器
- 根据当前日期jQuery按顺序显示即将到来的日期
- Kendo DatePicker 禁用日期 jQuery