作成日: 2014/03/11 最終更新日: 2014/03/11
文書種別
使用方法
詳細
Wijmo ウィジェットはglobalize.cultures.js でサポートされているカルチャを culture オプションに設定することでローカライズできます。詳細については製品ヘルプのローカライズとグローバライズで確認することができます。
ここではInputDate ウィジェットのカレンダーを日本語にローカライズする方法を示します。以下の手順でカレンダーを日本語の表記にしています。
【手順】
※Wijmo にはグローバル化ライブラリが含まれていますが、個別言語をすべてカバーしている訳ではありません。 カルチャオプションを設定するときに、スクリプト参照で言語ファイルを指定する必要があります。製品ダウンロードページに記載されている、CDNにホストしている日本語カルチャファイル を利用することができます。
サンプルはこちら
◎サンプルコード
Wijmo専用サイト
InputDateのサンプル
ここではInputDate ウィジェットのカレンダーを日本語にローカライズする方法を示します。以下の手順でカレンダーを日本語の表記にしています。
【手順】
- ローカライズするカルチャファイルの参照を追加
- 各ウィジェットのculture オプションに対象言語を設定（日本語の場合は'ja-JP'）
- 各ウィジェットのオプションにローカライズする文字列または書式を設定
※Wijmo にはグローバル化ライブラリが含まれていますが、個別言語をすべてカバーしている訳ではありません。 カルチャオプションを設定するときに、スクリプト参照で言語ファイルを指定する必要があります。製品ダウンロードページに記載されている、CDNにホストしている日本語カルチャファイル を利用することができます。
サンプルはこちら
◎サンプルコード
<!--日本語カルチャファイルの読み込み-->
<script src="../js/external/cultures/globalize.culture.ja-JP.js" type="text/javascript""></script">
<script type="text/javascript">
$(document).ready(function () {
$("#txtDate").wijinputdate({
dateFormat: 'yyyy/MM/dd',
culture: 'ja-JP', //カルチャを日本語に設定
showSpinner: true,
spinnerAlign: "verticalRight",
pickers: {
// カレンダピッカー
calendar: {
titleFormat: 'yyyy年MM月',
toolTipFormat: 'yyyy/MM/dd'
}
}
});
});
</script>
<script src="../js/external/cultures/globalize.culture.ja-JP.js" type="text/javascript""></script">
<script type="text/javascript">
$(document).ready(function () {
$("#txtDate").wijinputdate({
dateFormat: 'yyyy/MM/dd',
culture: 'ja-JP', //カルチャを日本語に設定
showSpinner: true,
spinnerAlign: "verticalRight",
pickers: {
// カレンダピッカー
calendar: {
titleFormat: 'yyyy年MM月',
toolTipFormat: 'yyyy/MM/dd'
}
}
});
});
</script>
Wijmo専用サイト
InputDateのサンプル
旧文書番号
80732