jQuery EasyUI フォームプラグイン -Timespinner タイムスピナー

jQuery EasyUI 插件jQuery EasyUI プラグイン

$.fn.spinner.defaults から拡張されています。$.fn.timespinner.defaults でデフォルトの defaults を上書きします。

タイムスピナー（timespinner）はスピナー（spinner）に基づいて作成されます。数値スピナー（numberspinner）と似ていますが、時間値のみを表示します。タイムスピナー（timespinner）を使用すると、ユーザーはコンポーネントの右側にある小さなスピナーボタンをクリックして時間を増減できます。

依存関係

  • spinner

使用法

マークアップからタイムスピナー（timespinner）を作成します。

<input id="ss" class="easyui-timespinner" style="width:80px;"
    required="required" data-options="min:'08:30',showSeconds:true">

JavaScript を使用してタイムスピナー（timespinner）を作成します。

<input id="ss" style="width:80px;">

$('#ss').timespinner({
    min: '08:30',
    required: true,
    showSeconds: true
});

プロパティ

これらのプロパティはスピナー（spinner）から拡張されています。以下はタイムスピナー（timespinner）に追加されたプロパティです。

名前 型 説明 デフォルト値
separator string 時・分・秒の間の区切り文字。 :
showSeconds boolean 秒の情報を表示するかどうかを定義します。 false
highlight number 初期にハイライトされるフィールド。0 = 時、1 = 分、... 0

イベント

このイベントはスピナー（spinner）から拡張されています。

メソッド

このメソッドはスピナー（spinner）から拡張されています。以下はタイムスピナー（timespinner）用にオーバーライドされたメソッドです。

名前 パラメータ 説明
options none オプション（options）オブジェクトを返します。
setValue value タイムスピナー（timespinner）の値を設定します。
コード例：
$('#ss').timespinner('setValue', '17:45');  // set timespinner value
var v = $('#ss').timespinner('getValue');  // get timespinner value
alert(v);
getHours none 現在の「時」の値を取得します。
getMinutes none 現在の「分」の値を取得します。
getSeconds none 現在の「秒」の値を取得します。
jQuery EasyUI 插件jQuery EasyUI プラグイン その他の拡張