2016-10-07 2 views
0

Ich weiß, dass ich die locale Einstellung verwenden kann, um Bootstrap DateRangePicker Plugin Sprache zu definieren, obwohl ich nicht herausfinden kann, wie definiere ich die Sprache für die range Einstellung.Bootstrap DateRangePicker Sprache auf Bereichseinstellung

$('#my-calendar').daterangepicker(
{ 
    ranges: 
    { 
    'Today': [moment(), moment()], 
    'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
    'Last 7 days': [moment().subtract(6, 'days'), moment()], 
    'Last 30 days': [moment().subtract(29, 'days'), moment()], 
    'This month': [moment().startOf('month'), moment().endOf('month')] 
    } 
} 

würde Ich mag yesterdaytoday, ändern, usw. auf die definierte Sprache. Also habe ich versucht, ohne Erfolg:

var lang = JSON.parse($('#lang').val()); 
/* 
* lang[0] = 'Today' 
* lang[1] = 'Yesterday' 
* lang[2] = 'Last 7 days' 
* lang[3] = 'Last 30 days' 
* lang[4] = 'This month' 
*/ 
$('#my-calendar').daterangepicker(
{ 
    ranges: 
    { 
    lang[0]: [moment(), moment()], 
    lang[1]: [moment().subtract(1, 'days'), moment().subtract(1, 'days')], 
    lang[2]: [moment().subtract(6, 'days'), moment()], 
    lang[3]: [moment().subtract(29, 'days'), moment()], 
    lang[4]: [moment().startOf('month'), moment().endOf('month')] 
    } 
} 

Aber dies ruft Fehler Uncaught SyntaxError: Unexpected token [ in jeder lang[number] Linie.

Wie lege ich die richtige Beschriftungssprache in der Bereichseinstellung fest?

Antwort

0

Gelöst in einer nicht-Mode-Weise.

Grundsätzlich legt das DateRangePicker Plugin ein Div, die eine Liste mit Today enthält, Yesterday usw.

<div class="ranges"> 
    <ul> 
     <li>Today</li> 
     <li>Yesterday</li> 
    </ul> 
</div> 

So, nachdem das Plugin initialisiert getan wird, ich die text der li manuell ändern.

$('.ranges ul li').eq(0).text(lang[0]); 
$('.ranges ul li').eq(1).text(lang[1]); 
Verwandte Themen