2017-01-29 85 views
0

我一直在這個插件太久,我看不到在Bootstrap的datetimepicker控件的格式被覆蓋。Bootstrap/Moment DateTimePicker無法顯示正確的24小時格式?

Bootstrap 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

這是你正在使用的DateTimePicker?我認爲你正在使用[eonasdan datetimepicker](https://eonasdan.github.io/bootstrap-datetimepicker/),在這種情況下,最好重新提出你的問題。此外,我認爲明確將['format'](http://eonasdan.github.io/bootstrap-datetimepicker/Options/#format)選項設置爲'DD/MM/YYYY HH:mm'可以解決您的問題。默認情況下,該組件使用'DD/MM/YYYY hh:mm A' – VincenzoC

+0

是的,這就是我正在使用的那個。對不起,沒有具體。 –

+0

我無法重現您的問題,它使用圖像中顯示的'data-date-format'工作,您可以提供小提琴或片段嗎?也許與MVC有關,不僅限於JS,HTML和時刻。 – VincenzoC

回答

0

試試這個

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