Всем привет

В Laravel 8 приложения используя jQuery v3.6.0 делаю форму с 2мя датами и нужно отобразить выбранную дату

после перегрузки формуы, Форма перегружяется каждый раз когда пользователь выбирает дату.

Я пытаюсь настроить flatpickr(v4.6.9) datepicker

        var optional_config = {

            dateFormat: "Y-m-d",

            altFormat: "F j, Y",

            allowInput: true,

            "locale": 'ru',


            // parseDate: (datestr, format) => {

            //     return moment(datestr, format, true).toDate();

            // },

            // formatDate: (date, format, locale) => {

            //     return moment(date).format(format);

            // },



            enableTime: false,

            time_24hr: true

        }


        console.log('optional_config::')

        console.log(optional_config)


        $("#filter_date_from").flatpickr(optional_config);

        $("#filter_date_till").flatpickr(optional_config);



   ...

  

                            $filter_date_from::{{ $filter_date_from }}<br>

                            $filter_date_till::{{ $filter_date_till }}<br>

                            <div class="form-check">

                                <label class="form-label" for="filter_date_from">{{ __('С') }}</label>


                                <input type="text" class="js-flatpickr form-control"

                                       id="filter_date_from" name="filter_date_from"

                                       onchange="javascript:submitFilter()"

                                       value="{{ $filter_date_from }}"

                                       placeholder="Fill from published date"

                                       autocomplete="off"

                                >

                            </div>

                            <div class="form-check">

                                <label class="form-label" for="filter_date_till">{{ __('До') }}</label>

                                <input type="text" class="js-flatpickr form-control"

                                       id="filter_date_till" name="filter_date_till"

                                       onchange="javascript:submitFilter()"

                                       value="{{ $filter_date_till }}"

                                       placeholder="Fill till published date"

                                       autocomplete="off"

                                >

                            </div>

$filter_date_from - дата в формате "Y-m-d" для фильтрации на сервере

flatpickr календарь отображается с русскими лейблами

Но после перегрузке формы текущая дата отображается как "2021-12-01"

я надеялся что сработает

            altFormat: "F j, Y",

и текущая дата отобразится в читаемом формате

Но этого не произошло

Как это можно исправить ?


Спасибо!