Datepicker после выбора даты отправить ajax post

146

06 января 2019, 09:00

знатоки!

Вопрос в следующем:

Имеется инпут, при нажатии который отображает календарь с возможностью выбора даты

<div class="col-sm-6" style="padding-right: 3px;">  
<div class="btQuoteItemInput">
<input id="datetimepicker2" name="datetimepicker2" data-open-on="today" type="text">
</div>
</div>

Пытаюсь сделать так, чтобы после выбора даты сразу же отправлялся ajax post запрос

Файл, принимающий и передающий в контроллер дату bootstrap.php:

$route->post('/gettimes', function () {
    return Application::getPage('index::gettimes');
}, 'ajax');

Метод в контроллере, отправляющий данные в модель

public function gettimesAction()
   {
       if(isset($_POST)){ 
           $getTime = timestatus::getTimes($_POST['datetimepicker2']);
           echo $getTime;
       }
    }

js код, с помощью которого пытаюсь отправить запрос

$("#datetimepicker2").on("change keydown paste input",(function(e){
    var text = $("#datetimepicker2").val();
    e.preventDefault();
        $.ajax({
        url: "/gettimes",
        type: "POST",
        data: text,
            success: function(data){
                console.log(data);
            }
        });
}));

Подскажите, пожалуйста, как реализовать это?

Answer 1

код брал отсюда jonthornton.github.io/jquery-timepicker

по данной ссылке вообще упомянается timepicker но есть отсылки к bootstrap-datepicker, упомянутый мною в комментариях.

Дак вот для последнего есть событие changeDate, срабатывающее при смене даты в календаре.

обрабатывать его следует примерно следующим образом:

$("#cal").datepicker({
              .... // настройки
          })
         .on('changeDate', function(){
              var d = $("#cal").datepicker('getDate');   //выбранная дата
              $.post(....)  ; //отправка вашего запрос
         });