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

日付ピッカー

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

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

DatePickerコントロールを使用すると、ユーザーは日付を選択できます。現在選択されている日付 (存在する場合) を含むテキスト ボックスが表示され、ユーザーがテキスト ボックス内をクリックすると "日付ピッカー" が開きます。ユーザーが日付選択ツールで日付をクリックすると、この日付が選択した日付になります。ユーザーは、テキストボックスに直接日付を入力することもできます。

デフォルトで選択される日付を設定するには、この日付をDateプロパティに指定します。

ユーザーが選択できる日付を、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”)

    これにより、指定された形式 (2013/12/24など) で日付が返されます。コード例:

    this.DatePicker1.get(“formattedDate”)

  • Model.viewModel.getDate()

    これは、日付をJavaScriptの日付オブジェクトとして返します (例: Tue Dec 24 2013 00:00:00 GMT+0100 (ロマンス標準時)。コード例:

    this.DatePicker1.viewModel.getDate()

プロパティ

Name

Description

Default

Data

日付

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

DatePickerコントロールは、Sitecoreの日付形式 ( 2013122420131224T12345620131224T123456:635280071319116097

現在の日付。

ファーストデイ

月曜日から日曜日までの曜日を選択します。 DatePickerコントロールは、選択した日を週の最初の曜日として使用します。

月曜日

形式

日付の形式。次の指定子を使用して形式を指定します。

  • d: 日付 (先頭の0なし)

  • dd: 日付 (2桁)

  • O: 年間通算日 (先頭のゼロは不可)

  • OO: 年間通算日(3桁)

  • D:曜日名ショート

  • DD:曜日名ロング

  • m: 年の月 (先頭の0なし)

  • mm:年月(2桁)

  • M:月の名前が短い

  • MM:月の名前が長い

  • yy: 年 (2桁)

  • yyyy: 年(4桁)

  • @: Unixタイムスタンプ (1970/01/01からのミリ秒)

  • : Windowsティック (0001/01/01から100ナノ秒の周期)

年月日

IsReadOnly (読み取り専用)

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

マックスデイト

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

ミンデート

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

その他の月を表示

Trueの場合、DatePickerコントロールには、前月または翌月の週の日数を含む35日間が表示されます。Falseの場合、現在の月の日のみがDatePickerコントロールに表示されます。

ショートゥデイ

Trueの場合、コントロールは現在の日付を強調表示し、ユーザーがクリックして現在の日付に移動して選択できるボタンを追加します。

ビューモード

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

テキストボックス

構成

DatePickerコントロールの構成項目を作成するには、DatePicker Parametersテンプレートに基づいて項目を作成します。

構成アイテムには、次の特定のフィールドがあります。

  • 日付

  • 形式

  • ファーストデイ

  • その他の月を表示

  • IsReadOnly (読み取り専用)

  • ミンデート

  • マックスデイト

  • ショートゥデイ

  • アイコンを表示

次のフィールドを継承します。

  • イズ・イネーブルド

  • 目に見える

  • アクセスキー

  • ツールチップ

  • 動作

  • 身分証明書

この記事を改善するための提案がある場合は、 お知らせください!