2017-01-29 11 views
0

私はこれをあまりにも長く使いこなしてきました。私は、Bootstrapのdatetimepickerコントロールの書式がどこで上書きされているのかわかりません。Bootstrap/Moment DateTimePickerは正しい24時間形式を表示できません。

ブートストラップDTPは、バックグラウンドでMoment.jsを使用してタイムピッカーをフォーマットします。 JSコードは次のようになります。

selector.find(".datepicker").each(function() { 
    var $that = $(this); 

    $that.datetimepicker({ 
     sideBySide: true, 
     useCurrent: false, 
     minDate: new Date(1910, 1, 1) 
    }); 

    $that.children("input").on("focus", function() { 
     $that.data("DateTimePicker").show(); 
    }); 
});                 

何があまりにも複雑で表示されず、HTMLで書式設定は、同様にシンプルになります。

@Html.EditorFor(x => x.DateTime, new { @dateFormat = "DD/MM/YYYY HH:mm", @mandatory = true }) 

しかしモデルはオーバービューとJSの繰り返し処理にバインドされたとき24時間(例えば、14:00)から12時間(すなわち、02:00)に表示されます。

私はこれがmoment.jsの統合と関連していると確信しています。タイムゾーンを処理する可能性は非常に高いですが、どこに別の設定を適用するのか分かりません。提案はこの時点で歓迎する以上のものになるでしょう。

HTML output

+0

を試してみてください?私はあなたが[eonasdan datetimepicker](https://eonasdan.github.io/bootstrap-datetimepicker/)を使用していると思います。この場合、あなたの質問を取り返したほうがいいです。さらに、DD/MM/YYYY HH:mm'に['format'](http://eonasdan.github.io/bootstrap-datetimepicker/Options/#format)オプションを明示的に設定することで問題が解決されると思います。デフォルトでは、コンポーネントは 'DD/MM/YYYY hh:mm A'を使用します。 – VincenzoC

+0

はい、それは私が使用しているものです。ごめんなさい。 –

+0

私はあなたの問題を再現することができませんでした。それは画像のように 'data-date-format'を使って私のために働く、あなたはフィドルやスニペットを提供できますか?多分MVCに関連したもので、JS、HTML、そして瞬間に限定されているわけではない。 – VincenzoC

答えて

0

使用しているのDateTimePickerあるこの

$that.datetimepicker({ 
     format: 'DD/MM/YYYY HH:mm', 
     sideBySide: true, 
     useCurrent: false, 
     minDate: new Date(1910, 1, 1) 
    }); 
関連する問題