1. コンポーネントライブラリ

デートピッカー

Version: 9.0
日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

DatePickerコントロールでは、ユーザーが日付を選択できます。現在選択されている日付(あれば)が表示されたテキストボックスが表示され、ユーザーがそのテキストボックス内をクリックすると「日付選択」が開きます。ユーザーが日付選択ツールで日付をクリックすると、その日付が選択した日付になります。ユーザーはテキストボックス内で直接日付を入力することも可能です。

日付プロパティでデフォルトで選択される日付を設定することができます。

ユーザーが選択できる日付は、MinDateおよびMaxDateプロパティで指定された範囲に制限できます。 DatePickerコントロールは、その範囲に入らない日付を無効化します。

JavaScriptから日付を設定し取得する方法

JavaScript(例えばPageCode)では、日付の設定や取得方法が異なります。

日付の設定

日付を設定する方法は以下の通りです:

  • Model.set(“date”)

    これにより日付はSitecoreの日付形式で設定されます。例コード:

    this.DatePicker1.set(“date”, “20131224”)

  • Model.set(“formattedDate”)

    これにより指定された形式で日付が設定されます。例コード:

    this.DatePicker1.set(“formattedDate”, “2013/12/24”)

!注別の関数Model.viewModel.setDate()はset(“formattedDate”) に対応しますが、Model.setを使うことをお勧めします。

デートの獲得

日付は以下の方法で入手できます:

  • Model.get(“date”)

    これにより日付が日付形式(Sitecore、例えば20131224)で返されます。例コード:

    this.DatePicker1.get(“date”)

  • Model.get(“formattedDate”)

    これにより指定された形式の日付が返されます。例えば

    /12/24。例コード:

    this.DatePicker1.get(“formattedDate”)

  • Model.viewModel.getDate()

    これにより日付はJavaScript日付オブジェクトとして返されます。例えば

    Dec 24 2013 00:00
    GMT+0100 (ロマンス標準時)。例コード:

    this.DatePicker1.viewModel.getDate()

性質

名称

概要

デフォルト

データ

日付

このプロパティを使って日付を指定し、現在選択されている日付を取得するために使います。日付を指定すると、その日付が最初に選択された日付となります。

DatePickerのコントロールは、Sitecore日付形式のみを受け入れます。例えば、 20131224、 20131224T123456 、または 20131224T123456

現在の日付です。

初日

曜日を月曜日から日曜日まで選びます。 DatePicker コントロールは、選んだ曜日を曜日の初日として使います。

月曜日

フォーマット

日付形式。以下の指定子を使って形式を指定します:

  • D
    (先頭のゼロなし)
  • DD
    (2桁)
  • O: 日付(先頭のゼロなし)
  • oo
    (3桁)
  • D
  • DD
  • M
    (先頭ゼロなし)
  • MM
    (2桁)
  • M
  • MM
  • YY
    (2桁)
  • YYYY
    (4桁)
  • @: Unixタイムスタンプ(1970年1月1日以降のミリ秒)
  • !: Windowsのティック(0001年1月1日以降の100ナノ秒の周期)

DD/MM/YYYY

IsReadOnly

Trueの場合、ユーザーは DatePicker コントロールカレンダーのドロップダウンからのみ日付を選択でき、フィールドに手動で入力することはできません。

間違いです

マックスデート

ユーザーが選択できる最後の日付を指定します。

ミンデート

ユーザーが最初に選択できる日付を指定します。

ショーアザーマス

Trueの場合、 DatePicker コントロールは35日間を示し、その週の日は前月または次の月の日も含まれます。Falseの場合は、 DatePicker コントロールには現在の月にある日のみが表示されます。

確かに

ショートゥデイ

Trueの場合、コントロールは現在の日をハイライトし、ユーザーがクリックして現在の日付を選択できるボタンを追加します。

間違いです

ビューモード

カレンダーまたはテキストボックスを指定できます。カレンダーを指定すると、 DatePicker はカレンダーパネルのみを表示し、テキストボックスは表示されません。ユーザーはパネルを折りたたんだり廃棄したりすることはできません。

テキストボックス

構成

DatePickerコントロールの設定項目は、DatePickerパラメータテンプレートに基づいてアイテムを作成することで作成できます。

設定項目には以下の特定のフィールドがあります:

  • 日付
  • フォーマット
  • 初日
  • ショーアザーマス
  • IsReadOnly
  • ミンデート
  • マックスデート
  • ショートゥデイ
  • ショウアイコン

以下の場を継承します:

  • IsEnabled
  • IsVisible(見えるもの)
  • アクセスキー
  • ツールチップ
  • 行動
  • ID
この記事を改善するための提案がある場合は、 お知らせください!