jQuery EasyUI フォームプラグイン -Datetimebox 日時ボックス

$.fn.datebox.defaults から拡張されています。$.fn.datetimebox.defaults を使用してデフォルトの defaults を上書きします。

日付ボックス（datebox）と同様に、日時ボックス（datetimebox）は、指定された形式で表示する日付と時刻をユーザーが選択できるようにします。ドロップダウンパネルにタイムスピナー（timespinner）コンポーネントを追加します。

依存関係

マークアップから日時ボックス（datetimebox）を作成します。

<input class="easyui-datetimebox" name="birthday"
    data-options="required:true,showSeconds:false" value="3/4/2010 2:3" style="width:150px">

JavaScript を使用して日時ボックス（datetimebox）を作成します。

<input id="dt" type="text" name="birthday">

$('#dt').datetimebox({
    value: '3/4/2010 2:3',
    required: true,
    showSeconds: false
});

このプロパティは日付ボックス（datebox）から拡張されています。以下は日時ボックス（datetimebox）に追加されたプロパティです。

名前	タイプ	説明	デフォルト値
showSeconds	boolean	秒の情報を表示するかどうかを定義します。	true
timeSeparator	string	時・分・秒の間の時間区切り文字。このプロパティはバージョン 1.3 から使用できます。	:

このメソッドは日付ボックス（datebox）から拡張されています。以下は日時ボックス（datetimebox）用にオーバーライドされたメソッドです。

名前	パラメータ	説明
options	none	オプション（options）オブジェクトを返します。
spinner	none	タイムスピナー（timespinner）オブジェクトを返します。
setValue	value	日時ボックス（datetimebox）の値を設定します。コード例： $('#dt').datetimebox('setValue', '6/1/2012 12:30:56'); // set datetimebox value var v = $('#dt').datetimebox('getValue'); // get datetimebox value alert(v);