トップ/web/js_datarangepicker.js

web/js_datarangepicker.js の変更点


#author("2023-12-23T23:01:10+09:00","default:nemusg.pad","nemusg.pad")
#author("2025-08-25T00:26:42+09:00;2023-12-23T23:01:10+09:00","default:nemusg.pad","nemusg.pad")
* datarangepicker.js [#j51db19a]

- http://www.daterangepicker.com/
- 日付指定に便利なライブラリ

** 日本語対応 [#n0cf19eb]

daterangepicker.jsを直接編集するのではなく、localeに定義されている初期値を上書きする。

#code_x{{
 locale: {
   format: 'YYYY/MM/DD',
   applyLabel: '反映',
   cancelLabel: '取消',
   customRangeLabel: 'カスタム'
 },
}}

*** 「10月 2014」を「2014年10月」にする [#u718c404]

[[コピペで動く。bootstrap-daterangepickerの導入と日本語化@Qiita:https://qiita.com/tkosuga@github/items/a5ad953c691e27e27c65]]
にある通り、ここだけ直接書き換えが必要

#code_x{{
 - var dateHtml = this.locale.monthNames[[calendar[[1][[1].month(]]] + calendar[[1][[1].format(" YYYY"]];
 + var dateHtml = calendar[[1][[1].format("YYYY"]] + '年 ' + this.locale.monthNames[[calendar[[1][[1].month(]]];
}}

*** 設定をマージする [#bb02c86e]

元からあるlocaleを上書きしたくないが、設定を追加したいときに使った

#code_x{{
  +            this.locale = Object.assign(a , b]];
}}

[[オブジェクトのマージ(上書き):https://st40.xyz/one-run/article/331/]]

#include(parts/feedback,notitle)