使用jQuery和jQueryui在日期选择器中设置最小日期
我使用下面的jquery和jqueryui获取第一个日期选择器的值,并使其成为第二个日期选择器的最小值——但我认为我需要将其链接到一个模糊事件,以确保随着使用jQuery和jQueryui在日期选择器中设置最小日期,jquery,jquery-ui,jquery-ui-datepicker,Jquery,Jquery Ui,Jquery Ui Datepicker,我使用下面的jquery和jqueryui获取第一个日期选择器的值,并使其成为第二个日期选择器的最小值——但我认为我需要将其链接到一个模糊事件,以确保随着#project_start的更改,变量也会更改。我就是不知道该怎么做。当我将.blur添加到第一个代码部分的末尾时,它就停止工作了 $( "#project_start" ).datepicker({ dateFormat: 'yy-mm-dd', appendText: '(yyyy-mm-d
#project_start
的更改,变量也会更改。我就是不知道该怎么做。当我将.blur添加到第一个代码部分的末尾时,它就停止工作了
$( "#project_start" ).datepicker({
dateFormat: 'yy-mm-dd',
appendText: '(yyyy-mm-dd)',
showAnim: 'fade'
})
var start = $("#project_start").val();
$( "#project_end" ).datepicker({
dateFormat: 'yy-mm-dd',
minDate: start,
appendText: '(yyyy-mm-dd)',
showAnim: 'fade'
});
如何添加模糊事件,或者是否应该使用其他事件侦听器?我想您应该使用
中的onSelect
事件来设置\project\u end
上的最小日期:
$("#project_start").datepicker({
dateFormat: 'yy-mm-dd',
appendText: '(yyyy-mm-dd)',
showAnim: 'fade',
onSelect: function(date) {
$('#project_end').datepicker(
'option',
'minDate',
date
);
}
});
演示:
当在“开始”日期选择器中选择日期时,上面的命令会将第二个日历上的minDate
选项设置为所选日期。JQuery UI页面上有一个演示:诅咒你!我正要用完全一样的话回答!:-)