2015-12-04 15 views
6

Sto usando il Data Bootstrap Intervallo Picker fornito e spiegato In this page ho aggiunto tutto il libreria utilizzando il CDN, voglio dire questo:lingua di progettazione in Bootstrap gamma data Picker

<script type="text/javascript" src="//cdn.jsdelivr.net/jquery/1/jquery.min.js"></script> 
<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment.min.js"></script> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap/latest/css/bootstrap.css" /> 
<script type="text/javascript" src="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.js"></script> 
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/bootstrap.daterangepicker/2/daterangepicker.css" /> 

Ma il fatto è che ho bisogno di tutto in spagnolo e non vedo un codice per configurarlo. Come dovrei farlo?

risposta

28

includere l'opzione locale e modificare le stringhe appropriate, come fromLabel o December:

$('#datePicker').daterangepicker({ 
    "locale": { 
     "format": "MM/DD/YYYY", 
     "separator": " - ", 
     "applyLabel": "Apply", 
     "cancelLabel": "Cancel", 
     "fromLabel": "From", 
     "toLabel": "To", 
     "customRangeLabel": "Custom", 
     "daysOfWeek": [ 
      "Su", 
      "Mo", 
      "Tu", 
      "We", 
      "Th", 
      "Fr", 
      "Sa" 
     ], 
     "monthNames": [ 
      "January", 
      "February", 
      "March", 
      "April", 
      "May", 
      "June", 
      "July", 
      "August", 
      "September", 
      "October", 
      "November", 
      "December" 
     ], 
     "firstDay": 1 
    } 
}) 

ecco un demo con nomi spagnoli mese ->http://jsfiddle.net/r21747qc/

+0

Grazie uomo !! quello ha funzionato abbastanza bene !! –

+0

grazie !! Questo mi aiuta molto. – Gonzdn

11

È possibile utilizzare momento-con -locales.min.js anziché momento.min.js

<script type="text/javascript" src="//cdn.jsdelivr.net/momentjs/latest/moment-with-locales.min.js"></script> 

e localizzazione impostare prima di inizializzare daterangepicker

moment.locale('es'); 
$('#datePicker').daterangepicker(); 
+2

è molto importante enfatizzare la parola ** invece **, se si caricano entrambi i file 'momento' e' momento-con-locales' questa soluzione NON funzionerà. devi ** SOSTITUIRE ** il 'momento' con' momento-con-locales'. ** NON CARICATE ENTRAMBI ** –

+0

Grazie per questa soluzione. Funziona bene. –

1

ho fatto un esempio 'it-it' sulla base di un commento di @ davidkonrad

$('input[name="daterange"]').daterangepicker({ 
"locale": { 
    "format": "DD/MM/YYYY", 
    "separator": " - ", 
    "applyLabel": "Aplicar", 
    "cancelLabel": "Cancelar", 
    "fromLabel": "De", 
    "toLabel": "Até", 
    "customRangeLabel": "Custom", 
    "daysOfWeek": [ 
     "Dom", 
     "Seg", 
     "Ter", 
     "Qua", 
     "Qui", 
     "Sex", 
     "Sáb" 
    ], 
    "monthNames": [ 
     "Janeiro", 
     "Fevereiro", 
     "Março", 
     "Abril", 
     "Maio", 
     "Junho", 
     "Julho", 
     "Agosto", 
     "Setembro", 
     "Outubro", 
     "Novembro", 
     "Dezembro" 
    ], 
    "firstDay": 0 
}}); 

https://jsfiddle.net/joaopedroraldi/d7bmppga/