c# - MVC で Bootstrap.TimerPicker を使用すると、適切な時間が選択されない

Question

このコンポーネントを使用しようとしましたが、正しい時刻が表示されません.javascriptの「タイムピッカー」を削除すると、正しい日時の通常の入力が表示されますが、コンポーネントを使用した後、間違った時刻が表示されます. なんで？

日付部分20/05をピックアップしているようです。別の形式を使用する必要がありますか? DateTimeの代わりにTimeSpanなど？

MVC ビュー

@Html.TextBoxFor(m => m.StartTime, new {@class = "form-control timepicker"})

Javascript

 $('.timepicker').timepicker({autoclose: true,minuteStep: 15,showSeconds: false,showMeridian: false});

画面

ここに画像の説明を入力

意見

以下でわかるように、時間が異なります。これらの値はビューのモデルです。

ここに画像の説明を入力

score 0 · Accepted Answer

少し遅れましたが、この問題は Bootstrap DateTimePicker (現時点では v4) を使用している場合にも発生します。

あなたの例を使用すると、次のようにも20:05が生成されます。

$(function () {
    var timeFormat = "HH:mm";

    $('.timepicker').datetimepicker({
            format: timeFormat
    });
});

ただし、（空白に注意してください）に変更"HH:mm"すると、望ましい結果が得られました。" HH:mm"

$(function () {
    var timeFormat = " HH:mm";

    $('.timepicker').datetimepicker({
            format: timeFormat
    });
});

これにより、必要に応じて5:10または3:17が生成されます。

空白がなくても機能するはずなので、バグだと思います。これは、バグが修正されるまでの回避策です。

score 0 · Accepted Answer

私は解決策を見つけました：

Jquery プラグイン Bootstrap.Timepicker は、 data type を使用して使用する必要がありますTimeSpan。

データ型をからDateTimeに変更すると、TimeSpan完全に機能しました。

public TimeSpan StartTime { get; set; }
public TimeSpan? EndTime { get; set; }

注: DateTime 形式を使用すると、日付の最初の部分が取得されます。私の例では 20/05が20:05に変換されました。

2 に答える 2