Jquery datepicker-选择阻止在日期之前提交表单

时间:2011-05-26 09:51:55

标签: javascript jquery jquery-ui datepicker

我得到了Jquery UI Datepicker运行良好,但一个重要的问题让我出现了严重的问题。问题是当用户不从datepicker选择日期并提交查询,外部服务抛出错误,否则一切正常。如何防止这种情况,如果未选择日期,则禁用提交按钮?有关如何执行此操作的任何想法。我把代码放在JSFIDDLE上还有一个问题。如何阻止用户选择以前的日期而不是tommorow日期并将tommorow设置为默认日期thx

1 个答案:

答案 0 :(得分:1)

看一下这段代码。我删除了不重要的代码并评论了我添加的每一行。还更新了jsfiddle示例。

//variable to indicate was date selected or not
var dateSelected = false;
$('#date').datepicker({
    onSelect: function(dateText, inst) {
        ...
        //set to true on date selection
        dateSelected = true;
    },
    //minimal date to select (today)
    minDate: new Date( (new Date()).getTime() + 3600*24*1000 )
})
... 
//return false when date wasn't selected to prevent submission   
$('form').submit(function(){
    if (!dateSelected) {
        alert('Choose date please');
    }
    return dateSelected;
});