2

私は次の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

選択は正常に機能しますが、値を選択すると、取得した値が場所によっては 2 倍に見えます。

たとえば、ピッカーを使用してこれを選択します: 2018 年 9 月 21 日 - 8:00 返される値は次のとおりです: 2121-SepSep-18181818 08:00:0

適切な日時形式を取得する方法はありますか? このプラグインを初めて使用しましたが、これまでのところ解決策を見つけることができませんでした。

4

1 に答える 1