読者です 読者をやめる 読者になる 読者になる

DHTMLXのカレンダーヘッダー表記を変更する

DHTMLX

こんにちは。beaglesoftの真鍋です。

DHTMLXのカレンダーを利用するときに、日本語対応についてはLocalizing Calendar DHTMLX Docsを参考にするのですが、残念ながらカレンダーのヘッダー表示の変更方法は記載されていません。

Localizing Calendar DHTMLX Docs

通常、日本語化対応を行ったら以下のようなカレンダーが表示されます。

dhtmlxCalendar.png (7.4 kB)

この通り、ヘッダー部分の日付は 月 年 となっています。これはやはり不細工なので 年 月の表記に変更したいです。…ということでソースコードを読んだのですが、以下の通り設定を行えばOKでした。

 dhtmlXCalendarObject.prototype.langData["ja"] = {
            dateformat: '%Y-%m-%d',
            hdrformat: '%Y年%F',        // hdrformatがヘッダーの表示設定
            monthesFNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
            monthesSNames: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],
            daysFNames: ["日曜日", "月曜日", "火曜日", "水曜日", "木曜日", "金曜日", "土曜日"],
            daysSNames: ["日", "月", "火", "水", "木", "金", "土"],
            weekstart: 1
        }

これでこんな感じになりました。

dhtmlxCalendar2.png (7.2 kB)

DHTMLXを利用している人はあまりいないと思いますが、参考になればと思います。