2015-12-04 14 views
6

Używam Bootstrap Zakres dat Picker przewidziany i wyjaśniony In this page dodałem całą bibliotekę przy użyciu CDN, mam na myśli to:język konfiguracja w Bootstrap Zakres dat 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" /> 

Ale chodzi o to, że muszę wszystko w języku hiszpańskim i nie widzę fragmentu kodu do jego konfiguracji. Jak mam to zrobić?

Odpowiedz

28

dołączyć opcję locale i edytować odpowiednie struny, jak fromLabel lub 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 
    } 
}) 

o to demo z hiszpańskich nazw miesięcy ->http://jsfiddle.net/r21747qc/

+0

Dzięki człowiek !! to działało całkiem nieźle !! –

+0

dzięki! To bardzo mi pomaga. – Gonzdn

11

Można użyć chwila z -locales.min.js zamiast moment.min.js

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

i ustawić lokalizacja przed inicjowanie daterangepicker

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

jest bardzo ważne, aby podkreślić słowo ** zamiast **, jeśli załadujesz oba pliki 'moment' i' moment-z-lokalizacjami' to rozwiązanie NIE będzie działać. musisz ** WYMIEŃ ** 'moment' za pomocą' moment-with-locales'. ** NIE NALEŻY ZAŁADOWAĆ OBEJRZENIA ** –

+0

Dzięki za to rozwiązanie. To działa dobrze. –

1

zrobiłem '' PT-BR przykład na podstawie komentarza @ davidkonrad za

$('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/