Как сделать jQuery Datepicker нажать кнопку отправки автоматически после того, как была выбрана дата.

Question

Итак, как только дата выбрана на Datepicker, я хочу нажать кнопку, которая будет отправлять дату. Таким образом, пользователям не нужно будет нажимать кнопку, чтобы отправлять даты, на которые они хотят посмотреть.

Мой JQuery код:

<script> 
    $(function() { 
    $("#date").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true 
    }); 
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd'); 
    }); 
</script> 

А затем кнопку HTML:

<button type="submit" value="submit" id="submit" name="submit">Submit </button> 

Спасибо за любую помощь.

Answer 1

Используйте onSelect событие, как это, Working demo here

$(function() { 
    $('#date').datepicker({ 
     onSelect: function(date) { 
      $("#yourFormId").submit(); 
      //OR $("#yourButton").click(); 
     } 
    }); 
}); 

Answer 2

Я думаю, ваш DatePicker в форме .. Тогда это сделать :)

$(function() { 
    $("#date").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true, 
     onSelect: function(dateText, inst) { 
      $(this).parents("form").submit(); 
     } 
    }); 
    $('#date').datepicker('option', 'dateFormat', 'yy-mm-dd'); 

}); 

Вы также можете Минимизировать код, добавив DateFormat вариант непосредственно к инициативе datepicker

$(function() { 
    $("#date").datepicker({ 
     numberOfMonths: 3, 
     showButtonPanel: true, 
     onSelect: function(dateText, inst) { 
      $(this).parents("form").submit(); 
     }, 
     dateFormat: 'yy-dd-mm' 
    });  
});