jquery ui - beforeshow - JQuery datepicker language
datepicker show (8)
Estoy usando el jQuery datepicker de jqueryui.com y tengo un problema al cambiar el calendario a sueco, tengo este código:
<script type="text/javascript">
$(function() {
$.datepicker.setDefaults($.datepicker.regional[''sv'']);
$("#StartDate").datepicker();
$(''#StartDate'').datepicker(''option'', ''dateFormat'', ''yy-mm-dd'');
});
</script>
Todavía se muestra como un calendario en inglés.
¿Qué podría faltar?
Aquí hay un ejemplo de cómo puede hacer la localización usted mismo.
jQuery(function($) {
$(''input.datetimepicker'').datepicker({
duration: '''',
changeMonth: false,
changeYear: false,
yearRange: ''2010:2020'',
showTime: false,
time24h: true
});
$.datepicker.regional[''cs''] = {
closeText: ''Zavřít'',
prevText: ''<Dříve'',
nextText: ''Později>'',
currentText: ''Nyní'',
monthNames: [''leden'', ''únor'', ''březen'', ''duben'', ''květen'', ''červen'', ''červenec'', ''srpen'',
''září'', ''říjen'', ''listopad'', ''prosinec''
],
monthNamesShort: [''led'', ''úno'', ''bře'', ''dub'', ''kvě'', ''čer'', ''čvc'', ''srp'', ''zář'', ''říj'', ''lis'', ''pro''],
dayNames: [''neděle'', ''pondělí'', ''úterý'', ''středa'', ''čtvrtek'', ''pátek'', ''sobota''],
dayNamesShort: [''ne'', ''po'', ''út'', ''st'', ''čt'', ''pá'', ''so''],
dayNamesMin: [''ne'', ''po'', ''út'', ''st'', ''čt'', ''pá'', ''so''],
weekHeader: ''Týd'',
dateFormat: ''dd/mm/yy'',
firstDay: 1,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''''
};
$.datepicker.setDefaults($.datepicker.regional[''cs'']);
});
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link data-require="jqueryui@*" data-semver="1.10.0" rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/css/smoothness/jquery-ui-1.10.0.custom.min.css" />
<script data-require="jqueryui@*" data-semver="1.10.0" src="//cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/jquery-ui.js"></script>
<script src="datepicker-cs.js"></script>
<script type="text/javascript">
$(document).ready(function() {
console.log("test");
$("#test").datepicker({
dateFormat: "dd.m.yy",
minDate: 0,
showOtherMonths: true,
firstDay: 1
});
});
</script>
</head>
<body>
<h1>Here is your datepicker</h1>
<input id="test" type="text" />
</body>
</html>
Esto es para la gente holandesa.
$.datepicker.regional[''nl''] = {clearText: ''Effacer'', clearStatus: '''',
closeText: ''sluiten'', closeStatus: ''Onveranderd sluiten '',
prevText: ''<vorige'', prevStatus: ''Zie de vorige maand'',
nextText: ''volgende>'', nextStatus: ''Zie de volgende maand'',
currentText: ''Huidige'', currentStatus: ''Bekijk de huidige maand'',
monthNames: [''januari'',''februari'',''maart'',''april'',''mei'',''juni'',
''juli'',''augustus'',''september'',''oktober'',''november'',''december''],
monthNamesShort: [''jan'',''feb'',''mrt'',''apr'',''mei'',''jun'',
''jul'',''aug'',''sep'',''okt'',''nov'',''dec''],
monthStatus: ''Bekijk een andere maand'', yearStatus: ''Bekijk nog een jaar'',
weekHeader: ''Sm'', weekStatus: '''',
dayNames: [''zondag'',''maandag'',''dinsdag'',''woensdag'',''donderdag'',''vrijdag'',''zaterdag''],
dayNamesShort: [''zo'', ''ma'',''di'',''wo'',''do'',''vr'',''za''],
dayNamesMin: [''zo'', ''ma'',''di'',''wo'',''do'',''vr'',''za''],
dayStatus: ''Gebruik DD als de eerste dag van de week'', dateStatus: ''Kies DD, MM d'',
dateFormat: ''dd/mm/yy'', firstDay: 1,
initStatus: ''Kies een datum'', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional[''nl'']);
Esto parece útil:
http://dev.jqueryui.com/browser/tags/1.8a1/ui/i18n/jquery-ui-i18n.js?rev=3060
Descargué la secuencia de comandos jquery-ui-i18n.js e hizo el truco ^ _ ^ Ese archivo no está incluido en la descarga personalizada.
Espero eso ayude.
Incluya el origen del archivo de idioma en su script principal del cuerpo HTML.
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.1/i18n/jquery-ui-i18n.min.js"></script>
Ejemplo en JSFiddle
Necesitas la siguiente línea:
<script src="../jquery/development-bundle/ui/i18n/jquery.ui.datepicker-sv.js"></script>
Ajuste la ruta dependiendo de dónde coloque los archivos jquery.
Tal vez no tienes un archivo de idioma:
Los archivos de idioma están aquí: https://github.com/jquery/jquery-ui/tree/master/ui/i18n
Se debe crear una nueva localización en un archivo separado de JavaScript llamado ui.datepicker-.js. Dentro de un evento document.ready, debe agregar una nueva entrada en la matriz $ .datepicker.regional, indexada por el código de idioma, con los siguientes atributos:
Tienes que hacer algo como esto,
$.datepicker.regional[''fr''] = {clearText: ''Effacer'', clearStatus: '''',
closeText: ''Fermer'', closeStatus: ''Fermer sans modifier'',
prevText: ''<Préc'', prevStatus: ''Voir le mois précédent'',
nextText: ''Suiv>'', nextStatus: ''Voir le mois suivant'',
currentText: ''Courant'', currentStatus: ''Voir le mois courant'',
monthNames: [''Janvier'',''Février'',''Mars'',''Avril'',''Mai'',''Juin'',
''Juillet'',''Août'',''Septembre'',''Octobre'',''Novembre'',''Décembre''],
monthNamesShort: [''Jan'',''Fév'',''Mar'',''Avr'',''Mai'',''Jun'',
''Jul'',''Aoû'',''Sep'',''Oct'',''Nov'',''Déc''],
monthStatus: ''Voir un autre mois'', yearStatus: ''Voir un autre année'',
weekHeader: ''Sm'', weekStatus: '''',
dayNames: [''Dimanche'',''Lundi'',''Mardi'',''Mercredi'',''Jeudi'',''Vendredi'',''Samedi''],
dayNamesShort: [''Dim'',''Lun'',''Mar'',''Mer'',''Jeu'',''Ven'',''Sam''],
dayNamesMin: [''Di'',''Lu'',''Ma'',''Me'',''Je'',''Ve'',''Sa''],
dayStatus: ''Utiliser DD comme premier jour de la semaine'', dateStatus: ''Choisir le DD, MM d'',
dateFormat: ''dd/mm/yy'', firstDay: 0,
initStatus: ''Choisir la date'', isRTL: false};
$.datepicker.setDefaults($.datepicker.regional[''fr'']);
para sv datos siga el siguiente enlace
http://code.google.com/p/logicss/source/browse/trunk/media/jquery/jquery.ui.i18n.all.min.js?r=41
Una actualización rápida, para el texto "Hoy", los nombres correctos son:
todayText: ''Huidige'', todayStatus: ''Bekijk de huidige maand'',