datePicker

マークアップ例

onClose

‹ ›

コンポーネント情報
モジュール	im_sp
導入されたバージョン	8.0.0
バージョン	8.0.9

機能説明

日付文字列を参照入力するためのインタフェースを提供します。

注意事項

このタグはスマートフォン用の画面向けにデザインされています。

属性一覧

注釈	属性名	型	説明	省略時の動作
無害化	`calendarId`	java.lang.String	カレンダー識別子を指定します。	アカウントコンテキストのカレンダーID
無害化	`dataTheme`	java.lang.String	テーマを指定します。省略した場合は、既定のテーマを使用します。テーマをカスタマイズする場合は、この属性にテーマの名前を指定します。使用可能なテーマの名前については、 jQuery Mobileのリファレンスを参照してください。	-
無害化	`format`	java.lang.String	値の日付フォーマットを指定します。	アカウントコンテキストの日付入力形式
国際化無害化	`label`	java.lang.String	タイトルバーに表示する文言を指定します。	'日付設定'
必須無害化	`name`	java.lang.String	inputタグのname属性として設定する値を指定してください。この値はid属性にも適用されます。	-
無害化	`onClose`	java.lang.String	決定ボタンをタップした時に呼び出すクライアントJS関数名を指定します本属性は Ver.8.0.9 以降のバージョンで使用可能です詳細は下記の onClose を参照してください	-
無害化	`value`	java.lang.String	初期値または選択後の日付を指定します。	-

サンプル

マークアップ例

マークアップ例。
日付選択ボタンを押下すると日付選択ダイアログを表示します。

JSP

<imsp:datePicker name="datePicker-ID" format="yyyy-MM-dd" dataTheme="b" value="2012-09-30" />

<imsp:datePicker name="datePicker-ID" format="yyyy-MM-dd" dataTheme="b" value="2012-09-30" />

onClose

関数に渡される引数は以下の通りです。
- 第一引数：選択された日付型の文字列。属性formatで指定した形式で返却されます。
- 第二引数：spDatePicker の options

JSP

<imsp:datePicker format="MM/dd/yyyy" onClose="onClose" />
<script type="text/javascript">
  function onClose(label,option) {
    console.log(label); // format 属性に指定した形式で返却されます
    console.log(option);
  }
</script>

<imsp:datePicker format="MM/dd/yyyy" onClose="onClose" />
<script type="text/javascript">
  function onClose(label,option) {
    console.log(label); // format 属性に指定した形式で返却されます
    console.log(option);
  }
</script>