0

locale設定を使用して Bootstrap DateRangePicker プラグイン言語を定義できることはわかっていますが、range設定の言語を定義する方法がわかりません。

$('#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')]
  }
}

todayyesterdayなどを定義済みの言語に変更したいと思います。だから私は成功せずに試しました:

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')]
  }
}

しかし、これUncaught SyntaxError: Unexpected token [はすべてlang[number]の行でエラーを取得します。

範囲設定で適切なラベル言語を設定するにはどうすればよいですか?

4

1 に答える 1

0

ファッションじゃない方法で解決

Today基本的に、DateRangePicker プラグインは、Yesterdayなどのリストを含む div を作成します。

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

したがって、プラグインの初期化が完了したらtextli手動で変更します。

$('.ranges ul li').eq(0).text(lang[0]);
$('.ranges ul li').eq(1).text(lang[1]);
于 2016-10-07T13:49:43.193 に答える