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

Question

我得到了运行良好的 Jquery UI Datepicker，但是一个重要的问题让我遇到了严重的问题。问题是当用户不从 datepicker 中选择日期并提交查询时，外部服务会抛出错误，否则一切正常。如果没有选择日期，如何防止这种情况，禁用提交按钮？关于如何做到这一点的任何想法。我把代码放在JSFIDDLE 还有一个问题。如何防止用户选择比明天日期更早的日期并将明天设置为默认日期thx

Answer 1

看看这段代码sn-p。我删除了不重要的代码并注释了我添加的每一行。还更新了 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;
});