Как отправить данные аяксом datetimepicker bootstrap?

Question

[Евгений]

Есть у меня календарь на странице

<div class="form-group">
                    <!-- элемент input с id = datetimepicker1 -->
                    <div class="input-group" id="datetimepicker1">
                        <input type="text" class="form-control" />
                        <span class="input-group-addon">
                    <span class="glyphicon glyphicon-calendar"></span>
                        </span>
                    </div>
                </div>

Мне нужно в php-файл отправить дату. Причём при выборе другой даты в дататаймпикер отправлять другую дату.

Я полазил и нашёл, что у дататаймпикера есть событие, которое срабатывает при изменение даты -dp.change

Я в js нуб, но сделал вот так

$(function () {

    $('#datetimepicker1').datetimepicker(
        {format: 'DD.MM.YYYY', locale: 'ru'}


	);

    $('#datetimepicker1').on("dp.change", function ()
    {
        var a = $("#datetimepicker1").data("datetimepicker").getDate();
        $.ajax(
            {
                url:'index.php?r=category/viewdoc',
                data: a,
                type: 'GET',
                success: function (res) {
                    console.log(res);
                },
                error:function () {
                    alert('Error');
                }
            }
        );
    });
});

Но выдаёт ошибку. Даже если я в переменную a текст запишу. Как правильно оформить аякс при изменении даты?

Comments

[Олег]

Ошибку то скиньте

[Евгений]

Олег,
это если var a = "par";

Просто проверка на то отправляет ли оно аяксом при каждом выборе новой даты.

Даже тут ошибка (На другие ошибки не обращайте внимания, это лунатизм фреймворка Yii2)



А если как вариант выше

var a = $("#datetimepicker1").data("datetimepicker").getDate();

То вот чё

Файлы js подключены в правильной последовательности да и при написании сама ide прекрасно видит этот метод. Зато почему то он не видит.

Пробовал делать возврат значения и черех jQuery. Там похожая ситуация

[Максим Тимофеев]

Евгений, видимо проблема в версии jquery. Есть подозрение, что datePicker древний, а jquery новый
так как
$(window).load(function() { ... });
уже после версии 1.8 не работает и дает такую ошибку, следует юзать
$(window).on('load', function() { ... });
Так что или ставьте старый jquery или выкиньте старье, которое Вы используете как datePicker и возьмите, что-то свежее. Как вариант:
gijgo.com/datepicker/example/bootstrap-4

[Евгений]

Максим Тимофеев, у меня DataPicker версии бутстрап 3. Брал вот отсюда
https://itchief.ru/lessons/bootstrap-3/113-bootstr...

Попробую ваш

[Максим Тимофеев]

Евгений, у bootsrap нет своего datepicker-а это в любом случае отдельный скрипт, стилизованный для bootsrap, а значит никаких гарантий качества.

[Евгений]

Максим Тимофеев,

$(function () {

    $('#datetimepicker1').datetimepicker(
        {format: 'DD.MM.YYYY', locale: 'ru'}


	);

    $('#datetimepicker1').on("dp.change", function ()
    {

        var bes = $(".form-control").val()

        $.ajax(
            {
                url:'index.php?r=category/viewdoc',
                data: {a:bes},
                type: 'GET',
                success: function (res) {
                    alert(res);
                },
                error:function () {
                    alert('Error');
                }
            }
        );
    });
});

Я возврат значения по другому сделал.
Get-запросы посылается, но сервер его не желает обрабатывать почему-то

[Максим Тимофеев]

Евгений, спец символы убирите, типа слеша:
https://www.w3schools.com/jsref/jsref_decodeuri.asp
А вообще можно post-ом отправлять, зачем тут GET запрос вообще?

[eRKa]

Евгений, там же написано что нет такого свойства getDate(). Попробуйте прочитать либо
a = $("#datetimepicker1").data("datetimepicker").date();
либо
a = $("#datetimepicker1").val();

[Евгений]

Максим Тимофеев, url:'index.php?r=category/viewdoc',

Тут ничего трогать не нужно это же ссылка на контроллер

[Максим Тимофеев]

Евгений, смотрите логи, там все есть. Просто открываете дебаг панель и находите проблему.

[Евгений]

Максим Тимофеев, Уже вижу. Сервер ожидает обязательный параметр id.

class CategoryController extends Controller
{
    public function actionViewdoc($id)
    {
        $id = Yii::$app->request->get('id');

        $doc = Doctor::find()->where(['id' =>$id])->asArray()->all();
        if(Yii::$app->request->isAjax)
        {
            debug($_GET);
        }


        return $this->render('viewdoc' ,compact('doc'));

    }
}

Нужно action переписать

[Максим Тимофеев]

Евгений, да