执行onSelect后显示jQuery日期选择器
我使用jQuery datepicker 1.11.4并使用两个日历。在第一次选择日期后,我只想选择第二个日历并显示它,但日历会显示一秒钟,然后隐藏。某些内容正在将“显示css”属性更改为“无” 这是我的密码:执行onSelect后显示jQuery日期选择器,jquery,jquery-ui,Jquery,Jquery Ui,我使用jQuery datepicker 1.11.4并使用两个日历。在第一次选择日期后,我只想选择第二个日历并显示它,但日历会显示一秒钟,然后隐藏。某些内容正在将“显示css”属性更改为“无” 这是我的密码: $("#edit-to--2").datepicker({ dateFormat: 'D, dd M', showAnim: "slideDown", changeYear: true }); $('#edit-from--2').datepicker({ dateFor
$("#edit-to--2").datepicker({
dateFormat: 'D, dd M',
showAnim: "slideDown",
changeYear: true
});
$('#edit-from--2').datepicker({
dateFormat: 'D, dd M',
changeYear: true,
showAnim: "slideDown",
minDate: new Date(),
onSelect: function () {
var date = $(this).datepicker("getDate");
date.setDate(date.getDate() + 7);
$("#edit-to--2").datepicker("option", "minDate", date);
$("#edit-to--2").datepicker("show");
}
});
这是因为有一个内部动画间隔13毫秒,你可以尝试调试。您可以使用.focus或Timeout功能,在其中显示超时时间大于动画间隔的日期
$(function(){
$("#edit-to--2").datepicker({
dateFormat: 'D, dd M',
showAnim: "slideDown",
changeYear: true
});
$('#edit-from--2').datepicker({
dateFormat: 'D, dd M',
changeYear: true,
showAnim: "slideDown",
minDate: new Date(),
onSelect: function () {
debugger;
var date = $(this).datepicker("getDate");
date.setDate(date.getDate() + 7);
$("#edit-to--2").datepicker("option", "minDate", date);
setTimeout(function(){$("#edit-to--2").datepicker("show") }, 13);
}
});
});
资料来源:
代码笔:
在提问之前,请先搜索一下谷歌
希望这有帮助
Edit1:固定链接。一个问题的运行片段可能会更有用。$edit-to-2.focus;而不是$edit-to-2.datepickershow?来源:在提问前请先用谷歌搜索,然后你应该以重复的方式结束问题,而不是发布答案;