SXA 検索の日付形式をローカライズする

概要

ローカルの datepicker をインストールする方法について説明します。

SXA では、フィルター (日付) レンダリングなどの検索レンダリングを使用して、訪問者が日付に基づいて検索結果を絞り込めるようにすることができます。ローカライズされた日付形式、曜日名、月名を表示できるようにするには、Github から特定の言語の datepicker をダウンロードし、それらを SXA サイトのテーマに追加します。 

ローカルの datepicker をインストールするには:

  1. Github から関連ファイルをダウンロードします。

  2. ファイルを開き、次の箇所を変更します。

    factory( jQuery.datepicker );

    変更後:

    factory( $xa.datepicker ); 

  3. ファイルを保存します。

  4. ローカルの datepicker をページで使用できるようにするには:

    • すべてのテーマの場合 - ファイルを /sitecore/メディア ライブラリ/Base Themes/Core Libraries/scripts にアップロードし、[xaquery] の後に配置します。

    • 特定のテーマの場合 - そのテーマの Scripts フォルダーにファイルをアップロードします。 

      SXA-language-scripts-calendar.PNG
  5. サイトまたはページの言語を切り替え、エクスペリエンス エディターでページを更新して、プレビュー モードに切り替えます。カレンダーが正しい言語で表示されていることを確認できます。

    SXA-calendar-language.PNG