dateTimeHelper - 日時ピッカー

編集ボックスに日時の値の選択用のピッカーを表示します。

カテゴリ

コアコントロール

構文

<xp:dateTimeHelper attributes>content</xp:dateTimeHelper>

表 1. 必須プロパティ
プロパティ	説明
id	デフォルトは `dateTimeHelper1`、`dateTimeHelper2` などです。

表 2. すべてのプロパティ
カテゴリ	プロパティ
basics	binding、id、loaded、rendered、rendererType
dojo	dojoAttributes、dojoType
format	timeClickableIncrement、timeVisibleIncrement、timeVisibleRange
styling	disableTheme、themeId

使用法

設計モードでは、Date Time Picker コントロールを作成すると、 Date/Time の表示タイプで、Edit Box コントロールに自動的に埋め込まれます。 Date Time Picker プロパティにアクセスするには、ソースモードを選択して、埋め込まれた dateTimeHelper 要素をフォーカスします。

実行時に、ユーザーはそのピッカーをクリックして、編集ボックスに挿入する日時を選択できます。

アクセシビリティに準拠するためには、type プロパティに both を指定しないでください。 type=date と type=time の 2 つのヘルパーを使用することを検討してください。

例

2 つの編集ボックスには、日時の値を選択するためのピッカーが含まれています。

<xp:inputText id="inputText1">
	<xp:dateTimeHelper id="dateTimeHelper1"></xp:dateTimeHelper>
	<xp:this.converter>
		<xp:convertDateTime type="date"></xp:convertDateTime>
	</xp:this.converter>
</xp:inputText>
<xp:inputText id="inputText2">
	<xp:dateTimeHelper id="dateTimeHelper2"></xp:dateTimeHelper>
	<xp:this.converter>
		<xp:convertDateTime type="time"></xp:convertDateTime>
	</xp:this.converter>
</xp:inputText>