JSFiddle - React, Tailwind, and code Playground
by Bhavik Bamania
HTML
<input id="datepicker_start">
<input id="datepicker_end">
<button class="btn" id="btn_submit" type="button" disabled="disabled">Submit</button>
JavaScript
$(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();
}
});
});