Ответ 1
После долгих часов я наконец нашел способ создать хорошее решение на основе плагина JQuery Validation Globalize:
Это расширение имеет следующие зависимости:
- Проверка jQuery (которая сама зависит от jQuery)
- Глобализация v1.x(которая сама зависит от CDLR)
Конечный код
Сначала включите библиотеки (соблюдайте порядок):
<script src="~/Scripts/cldr.js"></script>
<script src="~/Scripts/cldr/event.js"></script>
<script src="~/Scripts/cldr/supplemental.js"></script>
<script src="~/Scripts/cldr/unresolved.js"></script>
<script src="~/Scripts/globalize.js"></script>
<script src="~/Scripts/globalize/number.js"></script>
<script src="~/Scripts/globalize/date.js"></script>
<script src="~/Scripts/moment.min.js"></script>
<script src="~/Scripts/moment-with-locales.min.js"></script>
<script src="~/Scripts/bootstrap/bootstrap.js"></script>
<script src="~/Scripts/respond/respond.js"></script>
<script src="~/Scripts/jquery/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery/jquery.validate.unobtrusive.min.js"></script>
<script src="~/Scripts/jquery/jquery.validate.globalize.min.js"></script>
<script src="~/Scripts/bootstrap-datetimepicker.js"></script>
Я использую шаблон модуля для script:
// Module Pattern
// More information: http://toddmotto.com/mastering-the-module-pattern/
var Layout = (function ($) {
// Prevents certain actions from being taken and throws exceptions
"use strict";
// Private functions
var _init = function () {
// Use $.getJSON instead of $.get if your server is not configured to return the
// right MIME type for .json files.
$.when(
$.getJSON("/Scripts/cldr/supplemental/likelySubtags.json"),
$.getJSON("/Scripts/cldr/main/numbers.json"),
$.getJSON("/Scripts/cldr/main/ca-gregorian.json"),
$.getJSON("/Scripts/cldr/supplemental/timeData.json")
).then(function () {
// Normalize $.get results, we only need the JSON, not the request statuses.
return [].slice.apply( arguments, [ 0 ] ).map(function( result ) {
return result[ 0 ];
});
}).then( Globalize.load ).then(function() {
// Your local settings code goes here.
Globalize.locale("pt-PT");
});
// initialise any date pickers (I had my own properties)
$('.date').datetimepicker({
locale: 'pt',
format: 'DD-MM-YYYY HH:mm',
sideBySide: true,
showClose: true,
defaultDate: new Date(Date.now()),
toolbarPlacement: 'top',
showTodayButton: true,
showClear: true,
});
};
return {
// Public functions
init: _init
};
})(jQuery);
// Load when ready
$(document).ready(function () {
Layout.init();
});
Вид остается тем же.
