防止 (jquery ui) 数据选取器翻转到当前月份
Prevent (jquery ui) datapicker from flipping to current month
我正在使用最新的jquery(2.0.3)和jquery ui(v1.10.3)。以下是初始化日期选择器的设置:
$("#datepicker").datepicker({
numberOfMonths: 2,
minDate: 0,
maxDate: 40,
onSelect: function(selectedDate) {
$(this).datepicker('option', 'minDate', selectedDate);
},
});
正如你所知道的,我为日期选择器显示两个月。当我选择当前月份的日期时,一切都很好。
但是当我在第二个月选择一个日期时,所选日期将移动到第一个日期(因为更新的状态?我不想要这种行为,我只想选择第二个月的日期。是否可以禁用此刷新状态?
编辑:为了避免混淆,我需要一个内联日期选择器(当您选择日期时不会消失的那个)
您可以使用
onClose
函数检查所选日期是否在开始日期的同一月份。
如果没有,您可以将选项showCurrentAtPos
设置为 1,因此日期选择器将显示当前选定的日期作为第二个日期选择器。
快速参考:
当通过月数选项显示多个月时, showCurrentAtPos 选项定义显示当前位置 月。
法典:
$("#datepicker").datepicker({
numberOfMonths: [2, 1],
minDate: 0,
maxDate: 40,
onSelect: function (selectedDate) {
$(this).datepicker('option', 'minDate', selectedDate);
},
onClose: function (dateText, inst) {
var now = new Date()
if (now.getMonth() == inst.selectedMonth) {
$(this).datepicker('option', 'showCurrentAtPos', 0);
} else {
$(this).datepicker('option', 'showCurrentAtPos', 1);
}
}
});
演示:http://jsfiddle.net/IrvinDominin/UqHYV/
相关文章:
- 通过点击按钮翻转缩略图
- IE中的CSS翻转动画:翻转的一面显示镜像内容
- 清除启动日期选取器值
- 如何在刷新页面后继续选取框
- Cordova图像选取器转换为base64
- IE中的CSS翻转动画:翻转的一面显示镜像内容
- CSS3卡翻转动画,检测是否不支持
- 卡片翻转动画InternetExplorer11
- 使用引导时间选取器时,没有更新数据ng模型值
- 如何使用拉斐尔自由变换翻转图像
- 在JQuery中将页面翻转转换为自定义url
- 启动日期选取器更改位置
- 只翻转一个DIV,而不是所有DIV都属于同一类
- 带有日期选取器的事件
- 在悬停Jquery/cs3时通过翻转动画更改文本
- 烧瓶”;选取列表“;小工具
- 可以't实现JavaScript翻转计数器
- 图像翻转脚本未按预期工作
- Jquery 日期时间选取器错误
- 防止 (jquery ui) 数据选取器翻转到当前月份