Jquery datepicker-选择日期前防止提交表格

Question

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

Answer 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; 
});