1

знатоки!

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

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

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

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

7
  • ну дак, а не работает то у вас что?
    – teran
    20 сен 2018 в 18:50
  • @teran при выборе даты (она отображается в инпуте), я не понимаю, как сделать так, чтобы инпут сразу же отправлял запрос, за тем и обратился 20 сен 2018 в 18:51
  • вы какой пикер то используете? они разные бывают.
    – teran
    20 сен 2018 в 18:55
  • @teran var datepicker = new Datepicker('#datetimepicker2', { i18n:{ months: ["Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"], weekdays:["Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб",] }, min: (function(){ var date = new Date(); date.setDate(date.getDate() - 1); return date; })() }); 20 сен 2018 в 18:58
  • я не спрашивал, как вы его создаете. я спрашивал какой js плагин вы используете. Этот может bootstrap-datepicker.readthedocs.io/en/latest/index.html ? или пикер из jquery UI ? или еще какой?
    – teran
    20 сен 2018 в 19:00

1 ответ 1

2

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

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

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

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

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

         });
1

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.