Comment localiser le Datepicker de jQuery UI ?

Question

J'ai vraiment besoin d'un calendrier déroulant localisé. Un calendrier en anglais ne communique pas exactement l'excellence sur un site web norvégien ;-)

J'ai expérimenté le jQuery DatePicker Leur site Web indique qu'il peut être localisé, mais cela ne semble pas fonctionner.

J'utilise ASPNET.MVC, et je veux vraiment m'en tenir à une seule bibliothèque javascript. Dans ce cas, il s'agit de jQuery.

Le calendrier de la boîte à outils ajax serait acceptable, si seulement il pouvait lui aussi afficher les noms norvégiens.

Mise à jour : Génial ! Je vois qu'il me manque les fichiers de langue, un détail pas si mineur :-)

Answer 1

Je l'ai résolu en ajoutant la propriété data-date-language="it" :

$(document).ready(function() {
  $('#TxtDaDataDoc_Val').datepicker();
});

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="http://stackoverflow.com//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://stackoverflow.com/resources/demos/style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>

<div class="form-group col-xs-2 col-sm-2 col-md-2">
    <div class="input-group input-append date form-group" 
        id="TxtDaDataDoc" data-date-language="it">
        <input type="text" class="form-control" name="date" 
               id="TxtDaDataDoc_Val" runat="server" />
        <span class="input-group-addon add-on">
            <span class="glyphicon glyphicon-calendar"></span>
        </span>
    </div>
</div>

Answer 2

<link rel="stylesheet" href="http://stackoverflow.com//code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css">

<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
<script src=">/js/datepicker-fr.js"></script>
<script>
jQuery(function() {
jQuery( "#datepicker" ).datepicker({minDate: 0 , dateFormat: 'mm/dd/yy'});
});

</script>

<script type="text/javascript">
$(document).ready(function(){
$('#datepicker').datepicker($.datepicker.regional['fr']);
});
</script>

Answer 3

$.datepicker.regional["vi-VN"] = { closeText : "óng", prevText : "Trc", nextText : "Sau", currentText : "Hôm nay", monthNames : ["Tháng mt", "Tháng hai", "Tháng ba", "Tháng t", "Tháng nm", "Tháng sáu", "Tháng by", "Tháng tám", "Tháng chín", "Tháng mi", "Tháng mi mt", "Tháng mi hai"], monthNamesShort : ["Mt", "Hai", "Ba", "Bn", "Nm", "Sáu", "By", "Tám", "Chín", "Mi", "Mi mt", "Mi hai"], dayNames : ["Ch nht", "Th hai", "Th ba", "Th t", "Th nm", "Th sáu", "Th by"], dayNamesShort : ["CN", "Hai", "Ba", "T", "Nm", "Sáu", "By"], dayNamesMin : ["CN", "T2", "T3", "T4", "T5", "T6", "T7"], weekHeader : "Tun", dateFormat : "dd/mm/yy", firstDay : 1, isRTL : false, showMonthAfterYear : false, yearSuffix : "" } ;

        $.datepicker.setDefaults($.datepicker.regional["vi-VN"]);