如何使用日期选择器格式化 dd/mm/yy 中的 From/To 日期
How to format From/To date in dd/mm/yy using datepicker
我找到了一个代码片段 here,其中验证结束日期必须大于开始日期,但它使用格式 mm/dd/yy
,如下所示:
$("#FromDate").datepicker({
numberOfMonths: 2,
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#ToDate").datepicker("option", "minDate", dt);
}
});
$("#ToDate").datepicker({
numberOfMonths: 2,
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#FromDate").datepicker("option", "maxDate", dt);
}
});
现在它所做的是,当用户在 FromDate 字段中选择特定日期时说 11/05/2016
,考虑到上面的代码使用默认日期格式 mm/dd/yy
,它会忽略所有日期在 ToDate 字段中的日期 11/05/2016
之前,或者省略 05
之前的天数(更具体地说),这非常有效。现在我想将它的日期格式更改为 dd/mm/yy
,所以我添加了 datepicker 的 dateFormat 属性,如下所示:
$("#FromDate").datepicker({
.
dateFormat : 'dd/mm/yy'
.
.
}
});
$("#ToDate").datepicker({
.
dateFormat : 'dd/mm/yy'
.
.
}
});
并且按预期工作正常,日期格式现在更改为 dd/mm/yy
,现在考虑上面的示例,假设用户在 FromDate 字段中选择日期 11/05/2016
时,请注意现在格式已经改变,这里的日期是 11
,现在它应该省略日期 11
而不是 05
,但它仍然采用 05
部分date 为 day 并在它之前省略,现在我的问题是,我应该如何修改上面的代码,它应该将 11
部分作为 day?换句话说,如何在验证时在日期选择器中指定日期格式 dd/mm/yy
?我已经为文本框字段指定了日期格式。提前致谢:)
试试这个:
$("#FromDate").datepicker({
numberOfMonths: 2,
dateFormat : 'dd/mm/yy',
onSelect: function() {
var minDate = $('#FromDate').datepicker('getDate');
$("#ToDate").datepicker("change", { minDate: minDate });
}
});
$("#ToDate").datepicker({
numberOfMonths: 2,
dateFormat : 'dd/mm/yy',
onSelect: function() {
var maxDate = $('#ToDate').datepicker('getDate');
$("#FromDate").datepicker("change", { maxDate: maxDate });
}
});
我找到了一个代码片段 here,其中验证结束日期必须大于开始日期,但它使用格式 mm/dd/yy
,如下所示:
$("#FromDate").datepicker({
numberOfMonths: 2,
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() + 1);
$("#ToDate").datepicker("option", "minDate", dt);
}
});
$("#ToDate").datepicker({
numberOfMonths: 2,
onSelect: function (selected) {
var dt = new Date(selected);
dt.setDate(dt.getDate() - 1);
$("#FromDate").datepicker("option", "maxDate", dt);
}
});
现在它所做的是,当用户在 FromDate 字段中选择特定日期时说 11/05/2016
,考虑到上面的代码使用默认日期格式 mm/dd/yy
,它会忽略所有日期在 ToDate 字段中的日期 11/05/2016
之前,或者省略 05
之前的天数(更具体地说),这非常有效。现在我想将它的日期格式更改为 dd/mm/yy
,所以我添加了 datepicker 的 dateFormat 属性,如下所示:
$("#FromDate").datepicker({
.
dateFormat : 'dd/mm/yy'
.
.
}
});
$("#ToDate").datepicker({
.
dateFormat : 'dd/mm/yy'
.
.
}
});
并且按预期工作正常,日期格式现在更改为 dd/mm/yy
,现在考虑上面的示例,假设用户在 FromDate 字段中选择日期 11/05/2016
时,请注意现在格式已经改变,这里的日期是 11
,现在它应该省略日期 11
而不是 05
,但它仍然采用 05
部分date 为 day 并在它之前省略,现在我的问题是,我应该如何修改上面的代码,它应该将 11
部分作为 day?换句话说,如何在验证时在日期选择器中指定日期格式 dd/mm/yy
?我已经为文本框字段指定了日期格式。提前致谢:)
试试这个:
$("#FromDate").datepicker({
numberOfMonths: 2,
dateFormat : 'dd/mm/yy',
onSelect: function() {
var minDate = $('#FromDate').datepicker('getDate');
$("#ToDate").datepicker("change", { minDate: minDate });
}
});
$("#ToDate").datepicker({
numberOfMonths: 2,
dateFormat : 'dd/mm/yy',
onSelect: function() {
var maxDate = $('#ToDate').datepicker('getDate');
$("#FromDate").datepicker("change", { maxDate: maxDate });
}
});