конечное значение форматирования flatpickr после выбора - PullRequest
Новая
       10

конечное значение форматирования flatpickr после выбора

0 голосов
/ 21 сентября 2018

У меня есть следующий html: 

<div class="form-group">
    @Html.LabelFor(x => x.StartDate)
    @Html.TextBoxFor(m => m.StartDate, "{0:dd-MM-yyyy}", new { type = "text", @class = "flatpickrStart form-control", @id = "absenceStartDate", @Required = true })
    @Html.ValidationMessageFor(x => x.StartDate, null, new { @class = "text-danger" })
</div>
<div class="form-group">
    @Html.LabelFor(x => x.EndDate)
    @Html.TextBoxFor(m => m.EndDate, "{0:dd-MM-yyyy}", new { type = "text", @class = "flatpickrEnd form-control", @id = "absenceEndDate", @Required = true })
    @Html.ValidationMessageFor(x => x.EndDate, null, new { @class = "text-danger" })
</div>

и скрипт: 

function InitializeDateTimePickers() {
    $(".flatpickrStart, .flatpickrEnd").flatpickr({
        dateFormat: "dd-MM-yyyy H:i:s",
        enableTime: true,
        weekNumbers: true,
        altInput: true,
        altFormat: "F j, Y - h:i",
        time_24hr: true
    });
}

Мой кодекс, например: https://codepen.io/andrelange91/pen/YOgwaJ

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

Например, я использую средство выбора, чтобы выбрать это: 21 сентября 2018 - 8:00 возвращаемое значение таково: 2121-SepSep-18181818 08: 00: 0

Могу ли я получить для него подходящий формат даты и времени?Впервые использую этот плагин, и я до сих пор не смог найти решение.

1 Ответ

0 голосов
/ 21 сентября 2018

Нет необходимости писать код два раза.просто напишите один раз 

$(".flatpickrStart, .flatpickrEnd").flatpickr({ 
   dateFormat: "d-M-y H:i:s", //change format also 
   enableTime: true, 
   weekNumbers: true, 
   altInput: true, 
   altFormat: "F j, Y - h:i", 
   time_24hr: true 
});

Ваша проблема будет решена.

Рабочий фрагмент: - https://codepen.io/anon/pen/VGRWZv

Примечание: Я также изменил код вывода текста в моей ссылке, проверьте также.

...