ejemplos beforeshow jquery-ui

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: ''&#x3c;Dříve'', nextText: ''Později&#x3e;'', 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'']);



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.



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'',