2013-08-27 16 views
6

Come posso includere sia la traduzione della lingua che la modifica della metrica e modificare le opzioni di anno insieme nel selettore di date jquery. Per questo ho usato il codice qui sotto Per la traduzione LinguaTraduzione della lingua nel selettore di date jquery

$(this).datepicker($.datepicker.regional['fr']); 

Per ChangeYear

$(this).datepicker({ 
     changeMonth: true, 
     changeYear: true 
    }); 

voglio correre questi due in un unico datepicker box.please se li mette aiutare

risposta

3

Guardando la fonte regionale è un oggetto con le opzioni in modo da questo dovrebbe funzionare:

$(this).datepicker($.extend({}, $.datepicker.regional['fr'], { 
    changeMonth: true, 
    changeYear: true 
})); 
0

Ecco un modo semplice (guarda questo JFiddle: http://jsfiddle.net/Kp8Nq/). È possibile modificare l'opzione di localizzazione invece di creare un nuovo datepicker:

$(function() { 
    $("#datepicker").datepicker({ 
     changeMonth: true, 
     changeYear: true 
    }); 
    $("#datepicker").datepicker("option", 
     $.datepicker.regional["fr"]); 

    $("#locale").change(function() { 
     $("#datepicker").datepicker("option", 
     $.datepicker.regional[$(this).val()]); 
    }); 
}); 
0

Personalmente lascerei l'utente decidere, se si dispone di un sito web multi-nazionale:

See: http://jqueryui.com/datepicker/#localization

<!doctype html> 

<html lang="en"> 
<head> 
    <meta charset="utf-8" /> 
    <title>jQuery UI Datepicker - Localize calendar</title> 
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> 
    <script src="jquery.ui.datepicker-ar.js"></script> 
    <script src="jquery.ui.datepicker-fr.js"></script> 
    <script src="jquery.ui.datepicker-he.js"></script> 
    <script src="jquery.ui.datepicker-zh-TW.js"></script> 
    <link rel="stylesheet" href="/resources/demos/style.css" /> 
    <script> 
    $(function() { 
    $("#datepicker").datepicker($.datepicker.regional[ "fr" ]); 
    $("#locale").change(function() { 
     $("#datepicker").datepicker("option", 
     $.datepicker.regional[ $(this).val() ]); 
    }); 
    }); 
    </script> 
</head> 
<body> 

<p>Date: <input type="text" id="datepicker" />&nbsp; 
    <select id="locale"> 
    <option value="ar">Arabic (‫(العربية</option> 
    <option value="zh-TW">Chinese Traditional (繁體中文)</option> 
    <option value="">English</option> 
    <option value="fr" selected="selected">French (Français)</option> 
    <option value="he">Hebrew (‫(עברית</option> 
    </select></p> 


</body> 
</html> 
+0

Non so perché la [documentazione] (http://api.jqueryui.com/datepicker/) abbia usato questa sintassi: '$ (selettore) .datepicker ($ .datepicker.regional [" fr "]);' ma non ha lavora per me Quanto sopra con '$ (" #datepicker ") .datepicker (" opzione ", ...' funzionava. – resting

Problemi correlati