jQuery Datepicker-仅当开始-结束日期不为空时启用提交按钮 $（'#日期选择器_start'）。日期选择器({ 日期格式：“d-M-y”， onSelect：功能（已选择）{ $（“#日期选择器_end”）。日期选择器（“选项”，“10-03-2015”，选中） } }); $（'#日期选择器_end'）。日期选择器({ 日期格式：“d-M-y”， onSelect：功能（已选择）{ $（“#日期选择器_开始”）。日期选择器（“选项”，“09-04-2015”，选中） } }); 提交 //仅当开始和结束日期均不为空时启用“提交”按钮 如果（$（'datepicker_start'）.val（）.length！=0&$（'datepicker_end'）.val（）.length！=0）{ $（'btn_submit'）.attr（'disabled'，false）； }否则{ $（'btn_submit'）.attr（'disabled'，true）； }

当从日历中选择日期时，但在文档加载时，上述内容不会检查输入的开始-结束日期。从datepicker中选择日期时，如何检查输入值是否为空 诸如此类的事情：

$('#datepicker_start').datepicker({
         dateFormat: 'd-M-y' ,
         onSelect: function(selected) {
              $("#datepicker_end").datepicker("option","10-03-2015", selected)
            }
    });


$('#datepicker_end').datepicker({
         dateFormat: 'd-M-y' ,
         onSelect: function(selected) {
              $("#datepicker_start").datepicker("option","09-04-2015", selected)
            }
    });


<button class="btn" id="btn_submit" type="button" disabled="disabled">Submit</button> 


        //enable 'Submit' button only if start-end dates both are not empty
        if( $('#datepicker_start').val().length !=0 && $('#datepicker_end').val().length !=0 ){
            $('#btn_submit').attr('disabled', false);            
        }else{
            $('#btn_submit').attr('disabled',true);
        }

函数检查（）{
如果（$（'datepicker_start'）.val（）.length！=0&$（'datepicker_end'）.val（）.length！=0）{
$（'btn_submit'）.attr（'disabled'，false）；
}否则{
$（'btn_submit'）.attr（'disabled'，true）；
}
}
$（“#日期选择器_start”）。日期选择器({
日期格式：“d-M-y”，
onSelect：功能（已选择）{
$（“#日期选择器_end”）。日期选择器（“选项”，“10-03-2015”，选中）
检查（）；
}
});
$（'#日期选择器_end'）。日期选择器({
日期格式：“d-M-y”，
onSelect：功能（已选择）{
$（“#日期选择器_开始”）。日期选择器（“选项”，“09-04-2015”，选中）
}
});
提交

我建议您在

onSelect

datepicker事件中工作：

function check(){
        if( $('#datepicker_start').val().length !=0 && $('#datepicker_end').val().length !=0 ){
            $('#btn_submit').attr('disabled', false);            
        }else{
            $('#btn_submit').attr('disabled',true);
        }
}
$('#datepicker_start').datepicker({
         dateFormat: 'd-M-y' ,
         onSelect: function(selected) {
              $("#datepicker_end").datepicker("option","10-03-2015", selected)
check();
            }
    });


$('#datepicker_end').datepicker({
         dateFormat: 'd-M-y' ,
         onSelect: function(selected) {
              $("#datepicker_start").datepicker("option","09-04-2015", selected)
            }
    });


<button class="btn" id="btn_submit" type="button" disabled="disabled">Submit</button> 

---

试试这个：您可以创建一个函数来启用或禁用提交按钮，并在选择日期值后调用它

$('#datepicker_start').datepicker({
     dateFormat: 'd-M-y' ,
     onSelect: function(selected) {
        $("#datepicker_end").datepicker("option","10-03-2015", selected);
        enablebtn($("#btn_submit"), $('#datepicker_start'), $('#datepicker_end')); // use it here and pass the elements
     }
});

$('#datepicker_end').datepicker({
     dateFormat: 'd-M-y' ,
     onSelect: function(selected) {
        $("#datepicker_start").datepicker("option","09-04-2015", selected);
        enablebtn($("#btn_submit"), $('#datepicker_start'), $('#datepicker_end')); // use it here and pass the elements
     }
});

function enablebtn(btn, startDate, endDate){
    var bool = startDate.val().length && endDate.val().length; // returns true/false;
    btn.prop('disabled', bool); // now it enables when true and disables if false.
}

$（函数（）{
var enableDisableSubmitBtn=函数（）{
var startVal=$（'datepicker_start'）.val（）.trim（）；
var endVal=$（'#datepicker_end'）.val（）.trim（）；
var disableBtn=startVal.length==0 | | endVal.length==0；
$（'btn'u submit'）.attr（'disabled'，disableBtn'）；
}
$（“#日期选择器_start”）。日期选择器({
日期格式：“d-M-y”，
onSelect：功能（已选择）{
$（“#日期选择器_end”）。日期选择器（“选项”，“10-03-2015”，选中）；
enableDisableSubmitBtn（）；
}
});
$（'#日期选择器_end'）。日期选择器({
日期格式：“d-M-y”，
onSelect：功能（已选择）{
$（“#日期选择器_开始”）。日期选择器（“选项”，“09-04-2015”，选中）；
enableDisableSubmitBtn（）；
}
});
});
提交

---

试试这样的方法

$(function(){

   var enableDisableSubmitBtn = function(){
     var startVal = $('#datepicker_start').val().trim();
     var endVal = $('#datepicker_end').val().trim();
     var disableBtn =  startVal.length == 0 ||  endVal.length == 0;
     $('#btn_submit').attr('disabled',disableBtn);
   }

   $('#datepicker_start').datepicker({
         dateFormat: 'd-M-y' ,
         onSelect: function(selected) {
              $("#datepicker_end").datepicker("option","10-03-2015", selected);
              enableDisableSubmitBtn();
            }
    });


    $('#datepicker_end').datepicker({
         dateFormat: 'd-M-y' ,
         onSelect: function(selected) {
              $("#datepicker_start").datepicker("option","09-04-2015", selected);
             enableDisableSubmitBtn();
            }
    });
});


<button class="btn" id="btn_submit" type="button" disabled="disabled">Submit</button>

---

上面代码中的问题是什么？错误或不工作？您的“仅当…时启用提交按钮”应由事件处理。我的意思是，你怎么知道DatePickeries何时有值？@kmsdev，这可以通过对datepickerYes使用onSelect事件来处理，就是这样。其他解决方法是管理提交按钮，类似于

$（'#btn_submit'）。在（'click'，function（）{//如果日期选择器的值返回true，否则返回false}）这毫无意义，与实际问题无关。此外，您将始终从日期选择器值中获得一个
NaN
。
if(isNaN(fromDate) || isNaN(toDate))
{
alert("Please select To/From Date");
}