ui.igTimePicker

ui.igTimePicker_image

igTimePicker コントロールは、時間のみの入力を表示します。ドロップダウンは時:分の値をリストします。この API のクラス、オプション、イベント、メソッドおよびテーマに関する詳細は、上記の関連するタブを参照してください。

以下のトピックは、igTimePicker コントロールを初期化する方法を説明します。

この API を使用して作業を開始するための情報はここをクリックしてください。igTimePicker コントロールに必要なスクリプトとテーマを参照する方法については、Ignite UI の JavaScript リソースの使用およびIgnite UI のスタイリングとテーマをご覧ください。

コード サンプル

	  <!doctype html>
			<html>
			<head>
					<title>Ignite UI igTimePicker</title>
					<!-- Infragistics Combined CSS -->
					<link href="css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" />
					<link href="css/structure/infragistics.css" rel="stylesheet" type="text/css" />
					<!-- jQuery Core -->
					<script src="js/jquery.js" type="text/javascript"></script>
					<!-- jQuery UI -->
					<script src="js/jquery-ui.js" type="text/javascript"></script>
					<!-- Infragistics Combined Scripts -->
					<script src="js/infragistics.core.js" type="text/javascript"></script>
					<script src="js/infragistics.lob.js" type="text/javascript"></script>
					<script type="text/javascript">
							$(function () {
									$('#timePicker').igTimePicker({
										spinDelta:{
											hours: 1,
											minutes: 10,
										},
										buttonType: "spin",
										timeInputFormat: "HH:mm",
										timeDisplayFormat: "HH:mm"
									});
							});
					</script>
			</head>
			<body>
					<input id="timePicker" />
			</body>
			</html>

関連サンプル

関連トピック

依存関係

jquery-1.9.1.js
jquery.ui-1.9.0.js
infragistics.util.js
infragistics.util.jquery.js
infragistics.ui.widget.js
infragistics.ui.popover.js
infragistics.ui.notifier.js
infragistics.ui.validator.js

継承

  • allowNullValue
    継承

    タイプ:
    bool
    デフォルト:
    false

    エディター値が null 値になることが可能かどうかを取得または設定します。
    このオプションが false で、エディターに値がない場合、値は空の文字列になります。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					allowNullValue : false
				});

				//Get
				var allowNullValue = $(".selector").igTimePicker("option", "allowNullValue");

				//Set
				$(".selector").igTimePicker("option", "allowNullValue", false);

  • buttonType

    タイプ:
    enumeration
    デフォルト:
    dropdown

    スピン、クリア、およびドロップダウン ボタンの表示状態を取得します。このオプションは、初期化時にのみ設定できます。'dropdown, clear' または 'spin, clear' などの組み合わせもサポートされます。 注:このオプションはランタイムで設定できません。
    注:'dropdown, spin' などの設定は許可されません。

    メンバー

    • dropdown
    • タイプ:string
    • リストを開く/閉じるボタンはエディターの右側に配置されます。
    • clear
    • タイプ:string
    • 値をクリアするボタンはエディターの右側に配置されます。
    • spin
    • タイプ:string
    • スピン ボタンはエディターの右側に配置されます。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						buttonType : "dropdown"
					});
					//Get
					var button = $(".selector").igTimePicker("option", "buttonType");
					//Initialize multiple buttons
					$(".selector").igTimePicker({
						buttonType : "dropdown,clear"
					});

  • centuryThreshold
    継承

    タイプ:
    number
    デフォルト:
    29

    20 世紀または 21 世紀の自動検出する年を取得または設定します。
    このオプションは、ユーザーが 1 桁または 2 桁を年フィールドに入力した場合、または日付パターンが 1 年または ２年位置のみ ("yy" または "y" など) を含む場合に自動的に塗りつぶすために使用されます。
    ユーザーがこのオプションの値よりも大きな値を入力した場合、20 世紀を使用します。それ以外の場合は、21 世紀を使用します。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						centuryThreshold: 35
					});

					//Get
					var centuryThreshold = $(".selector").igTimePicker("option", "centuryThreshold");

					//Set
					$(".selector").igTimePicker("option", "centuryThreshold", 35);

  • dataMode
    継承

    タイプ:
    enumeration
    デフォルト:
    date

    value() メソッドおよびオプションの取得で返される値の型を取得します。フォームの送信のために値が保存される方法に影響します。enableUTCDates オプションを使用すると、その代わりに UTC ISO 文字列を出力します。
    たとえば、GMT から 5 時間遅れのローカル オフセットを持つクライアントからの「午前10:00」は以下のようにシリアル化します。
    "2016-11-11T10:00:00+05:00"

    メンバー

    • date
    • タイプ:string
    • value メソッドは Date オブジェクトを返します。このモードが設定される場合、サーバーに送信される値がデフォルトでローカル時間およびゾーン値をもつ ISO 8061 文字列としてシリアル化されます。
    • displayModeText
    • タイプ:string
    • 表示モード (フォーカスなし) 形式 (パターン) の「テキスト」はサーバーに送信され、value() メソッドから文字列オブジェクトとして返されます。
    • editModeText
    • タイプ:string
    • 編集モード (フォーカス) 形式 (パターン) の「テキスト」はサーバーに送信され、value() メソッドから文字列オブジェクトとして返されます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					dataMode: "editModeText"
				});
				//Get
				var dataMode = $(".selector").igTimePicker("option", "dataMode");

  • disabled
    継承

    タイプ:
    bool
    デフォルト:
    false

    入力の disabled 属性を取得または設定します。True に設定される場合、入力が無効で、すべてのボタンおよび操作が無効です。エディターのフォームの送信で値が送信されません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					disabled : false
				});

				//Get
				var disabled = $(".selector").igTimePicker("option", "disabled");

				//Set
				$(".selector").igTimePicker("option", "disabled", true);

  • dropDownAnimationDuration

    タイプ:
    number
    デフォルト:
    300

    ドロップダウン リストの表示/非表示アニメーションの期間 (ミリ秒) を取得または設定します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
				  dropDownAnimationDuration: 500
				});

				//Get
				var animationShowDuration= $(".selector").igTimePicker("option", "dropDownAnimationDuration");

				//Set
				$(".selector").igTimePicker("option", "dropDownAnimationDuration", 500);

  • dropDownAttachedToBody

    タイプ:
    bool
    デフォルト:
    false

    ドロップダウン リスト要素がドキュメントの本体または時間ピッカー コンテナー要素に添付されるかどうかを取得します。
    オプションが false に設定される場合、時間ピッカーはドロップダウン リスト要素を時間ピッカー コンテナーに添付します。
    オプションが true に設定される場合、時間ピッカーはドロップダウン リストを本体の子として添付します。
    注:このオプションはランタイムで設定できません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					dropDownAttachedToBody : true
				});

				//Get
				var attachedToBody = $(".selector").igTimePicker("option", "dropDownAttachedToBody");

  • dropDownOrientation

    タイプ:
    enumeration
    デフォルト:
    auto

    リストが開いたときにドロップダウン リストの開く方法を取得または設定します。オプションが auto に設定される場合、時間ピッカーがドロップダウン リストをエディターの下に開きます。スペースがない場合、リストをエディターの上に開きます。両方の方向でスペースがない場合、リストはエディターの下に開かれます。

    メンバー

    • auto
    • タイプ:string
    • オプションが auto に設定される場合、時間ピッカーがドロップダウン リストをエディターの下に開きます。スペースがない場合、リストをエディターの上に開きます。両方の方向でスペースがない場合、リストはエディターの下に開かれます。
    • bottom
    • タイプ:string
    • ドロップダウン リストが時間ピッカーの下に開きます。
    • top
    • タイプ:string
    • ドロップダウン リストが時間ピッカーの上に開きます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					dropDownOrientation : "top"
				});
				//Get
				var orientation = $(".selector").igTimePicker("option", "dropDownOrientation");
				//Set
				$(".selector").igTimePicker("option", "dropDownOrientation", "bottom");

  • enableUTCDates
    継承

    タイプ:
    bool
    デフォルト:
    false

    ローカル時間およびゾーン値の代わりにクライアント側の日付を UTC ISO 8061 文字列としてのシリアル化を有効/無効にします。
    このオプションは "Date" dataMode のみで適用されます。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						enableUTCDates : true
					});

					//Get
					var enableUTCDates = $(".selector").igTimePicker("option", "enableUTCDates");

					//Set
					$(".selector").igTimePicker("option", "enableUTCDates", true);

  • excludeKeys
    継承

    タイプ:
    string
    デフォルト:
    null

    キーボードまたは貼り付けによって特定の文字を入力できないようにする機能を取得します。
    注:
    文字が includeKeys オプションに指定した場合、excludeKeys は優先があります。
    注:このオプションはランタイムで設定できません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					excludeKeys: "ABC"
				});

				//Get
				var excludedKeys= $(".selector").igTimePicker("option", "excludeKeys");

  • height
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    コントロールの高さを取得または設定します。

    メンバー

    • null
    • タイプ:object
    • 他の高さが定義されていない場合、エディターは親コンテナーに収まります。
    • string
    • 高さをピクセル (px) またはパーセンテージ (%) に設定できます。
    • number
    • 高さをピクセル単位の数値で設定できます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					height : 25
				});
				//Get
				var height = $(".selector").igTimePicker("option", "height");
				//Set
				$(".selector").igTimePicker("option", "height", 25);

  • includeKeys
    継承

    タイプ:
    string
    デフォルト:
    null

    キーボードからおよび貼り付けによって特定の文字だけを入力フィールドに入力できるようにする機能を取得します。
    注:
    "excludeKeys" オプションがこのオプションと同じ文字を含んでいる場合、"excludeKeys" が優先されます。
    注:このオプションはランタイムで設定できません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					includeKeys: "ABC"
				});

				//Get
				var includedKeys= $(".selector").igTimePicker("option", "includeKeys");

  • inputName
    継承

    タイプ:
    string
    デフォルト:
    null

    値入力の名前属性を取得または設定します。入力はサーバーへ値を送信するために使用されます。ターゲット要素が入力で名前要素があり、開発者が inputName オプションに設定した場合、このオプションは値入力を上書きし要素の属性を削除します。

    コード サンプル

     
			//Initialize
				$(".selector").igTimePicker({
				  inputName : "textField"
				});

				//Get
				var inputName = $(".selector").igTimePicker("option", "inputName");

			//Set
			$(".selector").igTimePicker("option", "inputName", "textField");

  • isLimitedToListValues

    タイプ:
    bool
    デフォルト:
    true

    エディターが項目のリストからの値のみを許可するかどうかを取得または設定します。一致は大文字と小文字を区別しません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					isLimitedToListValues : true
				});

				//Get
				var limited = $(".selector").igTimePicker("option", "isLimitedToListValues");

				//Set
				$(".selector").igTimePicker("option", "isLimitedToListValues", false);

  • itemsDelta

    タイプ:
    object
    デフォルト:
    {}

    時間ピッカーのドロップダウン項目を生成するために使用されるデルタ値を取得します。
    デルタに有効な値は正の整数で、浮動小数点数の分数が無視されます。

    object 各時間間隔のために特定の値を定義する構成オブジェクト。このオプションは以下の形式が有効です。
    itemsDelta: {
    hours: 0,
    minutes: 30,
    }
    値がない時間間隔はデフォルトで 0 時および 30 分を使用します。

    コード サンプル

     
				//Initialize with object
				$(".selector").igTimePicker({
					itemsDelta: {
						hours: 0,
						minutes: 30,
					}
				});

				//Get
				var itemsDelta= $(".selector").igTimePicker("option", "itemsDelta");

    • hours

      タイプ:
      number
      デフォルト:
      0

    • minutes

      タイプ:
      number
      デフォルト:
      30

  • language
    継承

    タイプ:
    string
    デフォルト:
    "en"

    ウィジェットのロケール言語設定を取得または設定します。

    コード サンプル

     
					//Initialize
				$(".selector").igTimePicker({
					language: "ja"
				});

				// Get
				var language = $(".selector").igTimePicker("option", "language");

				// Set
				$(".selector").igTimePicker("option", "language", "ja");

  • limitSpinToCurrentField
    継承

    タイプ:
    bool
    デフォルト:
    false

    スピン イベントで 1 日付フィールドを編集する機能を取得または設定します。
    値が False の場合、増加または減少させた日付フィールドが限界に達するとほかの日付フィールドが変化します。
    値が True の場合、1 つのフィールドの値のみを変更できます。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						limitSpinToCurrentField : true
					});

					//Get
					var limitSpinToCurrentField = $(".selector").igTimePicker("option", "limitSpinToCurrentField");

					//Set
					$(".selector").igTimePicker("option", "limitSpinToCurrentField", true);

  • listItemHoverDuration

    タイプ:
    number
    デフォルト:
    0

    ドロップダウンのリスト項目のホバー/ホバー解除アニメーションの期間を取得または設定します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					listItemHoverDuration : 100
				});

				//Get
				var hoverDuration = $(".selector").igTimePicker("option", "listItemHoverDuration");

				//Set
				$(".selector").igTimePicker("option", "listItemHoverDuration", 100);

  • listWidth

    タイプ:
    number
    デフォルト:
    0

    ドロップダウン リストのカスタム幅をピクセル単位で取得または設定します。値がゼロまたは負の場合、時間ピッカーの幅がドロップダウンの幅に設定されます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					listWidth : 200
				});

				//Get
				var width = $(".selector").igTimePicker("option", "listWidth");

				//Set
				$(".selector").igTimePicker("option", "listWidth", 200);

  • locale
    継承

    タイプ:
    object
    デフォルト:
    null

    ウィジェットのロケール設定を取得または設定します。

    コード サンプル

     
					//Initialize
				$(".selector").igTimePicker({
					locale: {}
				});

				// Get
				var locale = $(".selector").igTimePicker("option", "locale");

				// Set
				$(".selector").igTimePicker("option", "locale", {});

  • maxValue
    継承

    タイプ:
    date
    デフォルト:
    null

    ユーザーがエディターに入力できる最大値を取得します。Date オブジェクトは値として設定できます。文字列値を渡すと、エディターは日付オブジェクトを作成するために javascript Date オブジェクトのコンストラクターを使用し、結果のオブジェクトを比較で使用します。MVC 日付書式も使用できます。
    注:このプロパティは、日付を抽出するために dateInputFormat 設定を使用しません。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						maxValue: new Date(2020, 11, 21)
					});

					//Get
					var maxValue = $(".selector").igTimePicker("option", "maxValue");

					//Set
					$(".selector").igTimePicker("option", "maxValue", new Date(2020, 11, 21));

  • minValue
    継承

    タイプ:
    date
    デフォルト:
    null

    ユーザーがエディターに入力できる最小値を取得します。Date オブジェクトは値として設定できます。文字列値を渡すと、エディターは日付オブジェクトを作成するために javascript Date オブジェクトのコンストラクターを使用し、結果のオブジェクトを比較で使用します。MVC 日付書式も使用できます。
    注:このプロパティは、日付を抽出するために dateInputFormat 設定を使用しません。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						minValue: new Date(1980, 6, 1)
					});

					//Get
					var minValue = $(".selector").igTimePicker("option", "minValue");

					//Set
					$(".selector").igTimePicker("option", "minValue", new Date(1980, 6, 1));

  • nullValue
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    null 値の表現を取得または設定します。デフォルトの場合、入力の値は null に設定され、入力が空文字列を保持します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					nullValue : new Date(2015, 09, 08)
				});
				//Get
				var nullText = $(".selector").igTimePicker("option", "nullValue");
				//Set
				$(".selector").igTimePicker("option", "nullValue", new Date(2015, 09, 08));

  • placeHolder
    継承

    タイプ:
    string
    デフォルト:
    null

    エディターにフォーカスがなく、値が null または空の文字列の場合に、エディターに表示されるテキストを取得または設定します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					placeHolder : "Enter Value"
				});

				//Get
				var placeHolder = $(".selector").igTimePicker("option", "placeHolder");

				//Set
				$(".selector").igTimePicker("option", "placeHolder", "Enter Value");

  • preventSubmitOnEnter
    継承

    タイプ:
    bool
    デフォルト:
    false

    Enter キーの押下でフォーム送信を回避するかどうかを取得または設定します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
						preventSubmitOnEnter: true
				});

				//Get
				var preventSubmitOnEnter = $(".selector").igTimePicker("option", "preventSubmitOnEnter");

				//Set
				$(".selector").igTimePicker("option", "preventSubmitOnEnter", true);

  • readOnly
    継承

    タイプ:
    bool
    デフォルト:
    false

    入力の readonly 属性を取得または設定します。True に設定される場合、入力が読み取り専用で、すべてのボタンおよび操作が無効です。エディターのフォームの送信で値が送信されます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					readOnly : true
				});

				//Get
				var readOnly = $(".selector").igTimePicker("option", "readOnly");

				//Set
				$(".selector").igTimePicker("option", "readOnly", true);

  • regional
    継承

    タイプ:
    enumeration
    デフォルト:
    en-US

    ウィジェットの領域設定を取得または設定します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					regional: "ja"
				});
				// Get
				var regional = $(".selector").igTimePicker("option", "regional");
				// Set
				$(".selector").igTimePicker("option", "regional", "ja");

  • revertIfNotValid
    継承

    タイプ:
    bool
    デフォルト:
    true

    ぼかしまたは Enter キーの押しで値が無効な場合、エディターが値を以前の有効な値を元に戻す機能を取得または設定します。オプションが false に設定される場合、エディターはクリア機能を呼び出します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					revertIfNotValid : false
				});

				//Get
				var revertIfNotValid = $(".selector").igTimePicker("option", "revertIfNotValid");

				//Set
				$(".selector").igTimePicker("option", "revertIfNotValid", false);

  • selectionOnFocus
    継承

    タイプ:
    enumeration
    デフォルト:
    selectAll

    エディターがフォーカスを受けるときのアクションを取得または設定します。デフォルト値は selectAll です。

    メンバー

    • selectAll
    • タイプ:string
    • このオプションを設定すると、編集モードに入ったときにエディターのすべてのテキストを選択します。
    • atStart
    • タイプ:string
    • このオプションを設定すると、編集モードに入ったときにエディターのテキストの初めにカーソルを移動します。
    • atEnd
    • タイプ:string
    • このオプションを設定すると、編集モードに入ったときにエディターのテキストの最後にカーソルを移動します。
    • browserDefault
    • タイプ:string
    • このオプションの設定に追加のロジックはありませんが、ブラウザーのデフォルトの動作で処理されます。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						selectionOnFocus: "atStart"
					});
					//Get
					var selectionOnFocus= $(".selector").igTimePicker("option", "selectionOnFocus");
					//Set
					$(".selector").igTimePicker("option", "selectionOnFocus", "selectAll");

  • spinDelta

    タイプ:
    enumeration
    デフォルト:
    {}

    スピン アクションでにエディター時間を増減するために使用されるデルタ値を取得または設定します。 編集モードでないが、フォーカスを持つ場合、入力マスクで利用可能な場合に日にデルタが適用されます。利用可能でない場合、一番短い期間に適用されます。
    編集モードで、カーソルが配置される時間期間が定義されたデルタ値によって増加または減少されます。
    デルタに有効な値は正の整数で、浮動小数点数の分数が無視されます。
    spinDelta: {
    hours: 12,
    minutes: 15
    }
    デフォルト値は {hours: 1, minutes: 30} です。

    コード サンプル

     
				//Initialize with number
				$(".selector").igTimePicker({
					spinDelta: 10
				});
				//Initialize with object
				$(".selector").igTimePicker({
					spinDelta: {
						hours: 12,
						minutes: 15
					}
				});
				//Get
				var spinDelta= $(".selector").igTimePicker("option", "spinDelta");
				//Set with number
				$(".selector").igTimePicker("option", "spinDelta", 10);
				//Set with object
				$(".selector").igTimePicker("option", "spinDelta", { minutes: 15 });

    • hours

      タイプ:
      number
      デフォルト:
      1

    • minutes

      タイプ:
      number
      デフォルト:
      30

  • spinWrapAround

    タイプ:
    bool
    デフォルト:
    true

    スピン アクションで最小値または最大値に達する場合に、エディターで自動的に値を反対の限度に設定する機能を取得または設定します。
    これは minValue および maxValue に適用し、isLimitedToListValues が有効な場合にリスト項目の移動にも適用します。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					spinWrapAround : true
				});

				//Get
				var spinAround = $(".selector").igTimePicker("option", "spinWrapAround");

				//Set
				$(".selector").igTimePicker("option", "spinWrapAround", true);

  • suppressKeyboard

    タイプ:
    bool
    デフォルト:
    false

    ドロップダウンがクリック/タップされたときにオンスクリーン キーボード (デバイスで利用可能な場合) を表示するかどうかを取得または設定します。このオプションは最初のフォーカスを回避するか、ドロップダウン ボタンがクリックまたはタップされたときにフォーカスを解除します。
    注: このオプションはデバイスの検出を実行しないため、有効な場合に動作が常にアクティブになります。
    注: ドロップダウンを開いている場合ドロップダウン ボタンを使用してのみ閉じることができます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					suppressKeyboard : true
				});

				//Get
				var readOnly = $(".selector").igTimePicker("option", "suppressKeyboard");

				//Set
				$(".selector").igTimePicker("option", "suppressKeyboard", true);

  • suppressNotifications
    継承

    タイプ:
    bool
    デフォルト:
    false

    エディターのビルトイン基本検証シナリオで、必須リスト選択、値ラッピング、スピン制限などのデフォルトの通知を無効または有効にします。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					suppressNotifications : true
				});

				//Get
				var suppressNotifications = $(".selector").igTimePicker("option", "suppressNotifications");

				//Set
				$(".selector").igTimePicker("option", "suppressNotifications", true);

  • tabIndex
    継承

    タイプ:
    number
    デフォルト:
    null

    エディター入力の tabIndex 属性を取得または設定します。

    コード サンプル

     
			  //Initialize
			  $('.selector').igTimePicker({
				  tabIndex: 1
			  });

			  //Get
			  var tabIndex = $(".selector").igTimePicker("option", "tabIndex");

			  //Set
			  $(".selector").igTimePicker("option", "tabIndex", 1);

  • textAlign
    継承

    タイプ:
    enumeration
    デフォルト:
    left

    エディターのテキストの水平方向の配置を取得または設定します。

    メンバー

    • left
    • タイプ:string
    • 入力したテキストは左揃えになります。
    • right
    • タイプ:string
    • 入力したテキストは右揃えになります。
    • center
    • タイプ:string
    • 入力したテキストは中央揃えになります。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						textAlign : "center"
					});
					//Get
					var align = $(".selector").igTimePicker("option", "textAlign");
					//Set
					$(".selector").igTimePicker("option", "textAlign", "center");

  • timeDisplayFormat

    タイプ:
    string
    デフォルト:
    null

    時間ピッカーがフォーカスを持っていないときの時間書式を取得または設定します。
    このオプションの値は、指定した時間パターンまたは地域設定で定義されたフラグに設定できます。
    値が設定されていない場合は、timeInputFormat が自動的に使用されます。
    値が明示的な時間パターンに設定されていて、時間フラグ以外のパターンに、時間フラグまたはマスクフラグに一致する明示的な文字が含まれている場合は、それらの文字の前に "エスケープ" 文字を使用する必要があります。
    定義済みの地域フラグのリスト。
    "time": 地域オプションの timePattern メンバーを使用します。
    明示的な文字のリスト。これらの前にエスケープ \\ 文字が必要です。
    C、&、a、A、?、L、9、0、#、>、<、y、M、d、h、H、m、s、t、f。
    明示的な時間パターンを使用するときの時間フラグのリスト。
    "t": AM/PM フィールドを表す文字列の最初の文字。
    "tt": AM/PM フィールドを表す 2 文字の文字列。
    "h": 先行するゼロがない 12 時間形式の時フィールド。
    "hh": 先行するゼロがある 12 時間形式の時フィールド。
    "H": 先行するゼロがない 24 時間形式の時フィールド。
    "HH": 先行するゼロがある 24 時間形式の時フィールド。
    "m": 先行するゼロがない分フィールド。
    "mm": 先行するゼロがある分フィールド。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						timeDisplayFormat: "time"
					});

					//Get
					var timeDisplayFormat = $(".selector").igTimePicker("option", "timeDisplayFormat");

					//Set
					$(".selector").igTimePicker("option", "timeDisplayFormat", "time");

  • timeInputFormat

    タイプ:
    string
    デフォルト:
    "time"

    時間ピッカーがフォーカスを持つときの時間書式を取得します。
    このオプションの値は、明示的な時間パターンまたは地域設定で定義されたフラグに設定できます。
    値が明示的な時間パターンに設定されていて、時間フラグ以外のパターンに、日フラグまたはマスクフラグに一致する明示的な文字が含まれている場合は、それらの文字の前に "エスケープ" 文字を使用する必要があります。
    値が設定されていない場合は、"time" が自動的に使用されます。
    定義済みの地域フラグのリスト。
    "time": 地域オプションの timePattern メンバーを使用します。
    明示的な文字のリスト。これらの前にエスケープ \\ 文字が必要です: C、&、a、A、?、L、9、0、#、>、<、y、M、d、h、H、m、s、t、f。
    明示的な時間パターンを使用するときの時間フラグのリスト。
    "t": AM/PM フィールドを表す文字列の最初の文字。
    "tt": AM/PM フィールドを表す 2 文字の文字列。
    "hh": 先行するゼロがある 12 時間形式の時フィールド。
    "HH": 先行するゼロがある 24 時間形式の時フィールド。
    "mm": 先行するゼロがある分フィールド。
    注:このオプションはランタイムで設定できません。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						timeInputFormat : "time"
					});

					//Get
					var timeInputFormat = $(".selector").igTimePicker("option", "timeInputFormat");

  • validatorOptions
    継承

    タイプ:
    object
    デフォルト:
    null

    igValidator ウィジェットによってサポートされるオプションを取得または設定します。
    注: エラーをトリガーした際に igValidator の検証ルールは最小値/長さおよび最大値/長さを別々に適用します。
    エディターの対応するオプションは、定義された入力規則に反する値の入力を防止します。

    コード サンプル

     
					//Initialize
					$(".selector").igTimePicker({
						validatorOptions : {
							successMessage: "Success",
									 required: true,
									 onchange: true,
							notificationOptions: { mode: "popover" }
						}
					});

					//Get
					var validateOptions = $(".selector").igTimePicker("option", "validatorOptions");

					//Set
					$(".selector").igTimePicker("option", "validatorOptions", {onblur: true, onchange: true});

  • value
    継承

    タイプ:
    date
    デフォルト:
    null

    エディターの値を取得または設定します。Date オブジェクトは値として設定できます。文字列を設定すると、エディターがその値を Date オブジェクトのコンストラクターに渡し、相対する Date オブジェクトを値として使用します。MVC 日付書式も使用できます。
    注:このプロパティは、日付を抽出するために dateInputFormat 設定を使用しません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					value : new Date (2015, 11, 11)
				});

				//Get
				var value = $(".selector").igTimePicker("option", "value");

				//Set
				$(".selector").igTimePicker("option", "value", new Date (2015, 11, 11));

  • visibleItemsCount

    タイプ:
    number
    デフォルト:
    5

    ドロップダウン リストが開いたときに表示する項目の数を取得します。
    注:
    リスト項目の数が設定される値より小さい場合、このオプションは上書きされます。その場合、ドロップダウンはすべての項目を表示します。
    このオプションはランタイムで設定できません。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					visibleItemsCount : 5
				});

				//Get
				var visibleItemsCount = $(".selector").igTimePicker("option", "visibleItemsCount");

  • width
    継承

    タイプ:
    enumeration
    デフォルト:
    null

    コントロールの幅を取得または設定します。

    メンバー

    • null
    • タイプ:object
    • 他の幅が定義されていない場合、データに合わせて引き伸ばされます。
    • string
    • ウィジェットの幅をピクセル (px) またはパーセンテージ (%) に設定できます。
    • number
    • ウィジェットの幅は数値としてピクセルで設定できます。

    コード サンプル

     
				//Initialize
				$(".selector").igTimePicker({
					width : 200
				});
				//Get
				var width = $(".selector").igTimePicker("option", "width");
				//Set
				$(".selector").igTimePicker("option", "width", 200);

Ignite UI コントロール イベントの詳細については、
Ignite UI でイベントを使用するを参照してください。

注: API メソッドの呼び出しは、API ヘルプに特に記述がない限り、操作に関連するイベントはプログラムによって発生されません。これらのイベントは各ユーザー操作によってのみ呼び出されます。

詳細の表示

  • blur
    継承

    キャンセル可能:
    false

    エディターの入力フィールドがフォーカスを失うときに発生します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerblur", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					blur: function (evt, ui) {
						...
					}
				});

  • dropDownItemSelected

    キャンセル可能:
    false

    ドロップダウン リストの項目が選択された後に発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editorInput
          タイプ: Object

          編集可能な入力への参照を取得します。

        • list
          タイプ: Object

          リスト コンテナーへの参照を取得します。

        • item
          タイプ: Object

          選択されたリスト項目への参照を取得します。

    コード サンプル

     
				//Delegate
				$(".selector").on("igtimepickerdropdownitemselected", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					dropDownItemSelected: function (evt, ui) {
					...
					}
				});

  • dropDownItemSelecting

    キャンセル可能:
    true

    ドロップダウン リストの項目が選択されているときに発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editor
          タイプ: Object

          エディター コンテナーへの参照を取得します。

        • editorInput
          タイプ: Object

          編集可能な入力への参照を取得します。

        • list
          タイプ: Object

          リスト コンテナーへの参照を取得します。

        • item
          タイプ: Object

          選択されようとしているリスト項目への参照を取得します。

    コード サンプル

     
				//Delegate
				$(".selector").on("igtimepickerdropdownitemselecting", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					dropDownItemSelecting: function (evt, ui) {
					...
					}
				});

  • dropDownListClosed

    キャンセル可能:
    false

    ドロップダウン リストが閉じた後に発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editor
          タイプ: Object

          エディター コンテナーへの参照を取得します。

        • editorInput
          タイプ: Object

          編集可能な入力への参照を取得します。

        • list
          タイプ: Object

          リスト コンテナーへの参照を取得します。

    コード サンプル

     
				//Delegate
				$(".selector").on("igtimepickerdropdownlistclosed", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					dropDownListClosed: function (evt, ui) {
					...
					}
				});

  • dropDownListClosing

    キャンセル可能:
    true

    ドロップダウン リストが閉じているときに発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editor
          タイプ: Object

          エディター コンテナーへの参照を取得します。

        • editorInput
          タイプ: Object

          編集可能な入力への参照を取得します。

        • list
          タイプ: Object

          リスト コンテナーへの参照を取得します。

    コード サンプル

     
				//Delegate
				$(".selector").on("igtimepickerdropdownlistclosing", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					dropDownListClosing: function (evt, ui) {
					...
					}
				});

  • dropDownListOpened

    キャンセル可能:
    true

    ドロップダウン リストが開いた後に発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editorInput
          タイプ: Object

          編集可能な入力への参照を取得します。

        • list
          タイプ: Object

          リスト コンテナーへの参照を取得します。

    コード サンプル

     
				//Delegate
				$(".selector").on("igtimepickerdropdownlistopened", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					dropDownListOpened: function (evt, ui) {
					...
					}
				});

  • dropDownListOpening

    キャンセル可能:
    true

    ドロップダウン リストが開いているときに発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editor
          タイプ: Object

          エディター コンテナーへの参照を取得します。

        • editorInput
          タイプ: Object

          編集可能な入力への参照を取得します。

        • list
          タイプ: Object

          リスト コンテナーへの参照を取得します。

    コード サンプル

     
				//Delegate
				$(".selector").on("igtimepickerdropdownlistopening", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					dropDownListOpening: function (evt, ui) {
					...
					}
				});

  • focus
    継承

    キャンセル可能:
    false

    エディターの入力フィールドがフォーカスを受けるときに発生します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

        • originalEvent
          タイプ: Object

          ブラウザーのイベント オブジェクトへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerfocus", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					focus: function (evt, ui) {
						...
					}
				});

  • keydown
    継承

    キャンセル可能:
    true

    keydown イベントで発生されます。
    キー操作をキャンセルするには、False を返します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

        • key
          タイプ: Object

          keyCode の値を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerkeydown", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					keydown: function (evt, ui) {
						...
					}
				});

  • keypress
    継承

    キャンセル可能:
    true

    keypress イベントで発生されます。
    キー操作をキャンセルするには、False を返します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

        • key
          タイプ: Object

          keyCode の値を取得します。

        • originalEvent
          タイプ: Object

          ブラウザーのイベント オブジェクトへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerkeypress", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					keypress: function (evt, ui) {
						...
					}
				});

  • keyup
    継承

    キャンセル可能:
    false

    keyup イベントで発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。evt.originalEvent を使用して、ブラウザーのイベントへの参照を取得します。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

        • key
          タイプ: Object

          keyCode の値を取得します。

        • originalEvent
          タイプ: Object

          ブラウザーのイベント オブジェクトへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerkeyup", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					keyup: function (evt, ui) {
						...
					}
				});

  • mousedown
    継承

    キャンセル可能:
    true

    mousedown イベントで発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickermousedown", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					mousedown: function (evt, ui) {
						...
					}
				});

  • mousemove
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mousemove に対して発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickermousemove", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					mousemove: function (evt, ui) {
						...
					}
				});

  • mouseout
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mouseleave に対して発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

        • originalEvent
          タイプ: Object

          ブラウザーのイベント オブジェクトへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickermouseout", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					mouseout: function (evt, ui) {
						...
					}
				});

  • mouseover
    継承

    キャンセル可能:
    false

    ドロップダウン リストを含むエディターの任意の部分での mouseover に対して発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

        • originalEvent
          タイプ: Object

          ブラウザーのイベント オブジェクトへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickermouseover", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					mouseover: function (evt, ui) {
						...
					}
				});

  • mouseup
    継承

    キャンセル可能:
    false

    mouseup イベントで発生されます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • element
          タイプ: Object

          イベント ターゲットへの参照を取得します。

        • editorInput
          タイプ: Object

          エディターの入力フィールドへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickermouseup", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					mouseup: function (evt, ui) {
						...
					}
				});

  • rendered
    継承

    キャンセル可能:
    false

    エディターのレンダリングが完了した後に発生します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          描画を実行しているエディターへの参照を取得します。

        • element
          タイプ: Object

          エディター要素への参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerrendered", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					rendered: function (evt, ui) {
						...
					}
				});

  • rendering
    継承

    キャンセル可能:
    true

    エディターのレンダリングが完了する前に発生します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          描画を実行しているエディターへの参照を取得します。

        • element
          タイプ: Object

          エディター要素への参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickerrendering", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					rendering: function (evt, ui) {
						...
					}
				});

  • textChanged
    継承

    キャンセル可能:
    false

    エディターのテキストが変更された後に発生します。keyUp イベントが発生するときに発生できます。クリアボタンがクリックされたときまたはリストの項目がせんたくされたときに発生できます。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • text
          タイプ: String

          新しいテキストへの参照を取得します。

        • oldText
          タイプ: String

          古いテキストへの参照を取得します。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickertextchanged", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					textChanged: function (evt, ui) {
					...
					}
				});

  • valueChanged
    継承

    キャンセル可能:
    false

    エディター値が変更された後に発生します。フォーカスの消失後またはスピン イベントに対して発生します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editorInput
          タイプ: Object

          エディター入力を取得します。

        • newValue
          タイプ: Object

          内部書式設定の後にユーザーが入力した値を取得します。引数型がエディター タイプに基づいて異なります。

        • originalValue
          タイプ: Object

          内部書式設定の前にユーザーが入力した値を取得します。引数型がエディター タイプに基づいて異なります。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickervaluechanged", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					valueChanged: function (evt, ui) {
						...
					}
				});

  • valueChanging
    継承

    キャンセル可能:
    true

    エディターの値を変更する前に発生します。
    変更をキャンセルするには、False を返します。
    フォーカスの消失後またはスピン イベントに対して発生します。

    • evt
      タイプ: Event

      jQuery イベント オブジェクト。

    • ui
      タイプ: Object

        • owner
          タイプ: Object

          エディターへの参照を取得します。

        • editorInput
          タイプ: Object

          エディター入力を取得します。

        • newValue
          タイプ: Object

          エディターの新しい値を取得します。引数型がエディター タイプに基づいて異なります。

        • oldValue
          タイプ: Object

          エディターの古い値を取得します。引数型がエディター タイプに基づいて異なります。

    コード サンプル

     
				//Bind after initialization
				$(".selector").on("igtimepickervaluechanging", function (evt, ui) {
					...
				});

				//Initialize
				$(".selector").igTimePicker({
					valueChanging: function (evt, ui) {
						...
					}
				});

  • changeGlobalLanguage
    継承

    .igTimePicker( "changeGlobalLanguage" );

    ウィジェットの言語をグローバルの言語に変更します。グローバルの言語は $.ig.util.language の値です。

    コード サンプル

     
				$(".selector").igTimePicker("changeGlobalLanguage");

  • changeGlobalRegional
    継承

    .igTimePicker( "changeGlobalRegional" );

    ウィジェットの地域設定をグローバルの地域設定に変更します。グローバルの地域設定は $.ig.util.regional にあります。

    コード サンプル

     
				$(".selector").igTimePicker("changeGlobalRegional");

  • changeLocale
    継承

    .igTimePicker( "changeLocale" );

    ウィジェット要素のすべてのロケールを options.language に指定される言語に変更します。
    注: このメソッドは珍しいシナリオのみで使用されます。language または locale オプションのセッターを参照してください。

    コード サンプル

     
				$(".selector").igTimePicker("changeLocale");

  • changeRegional
    継承

    .igTimePicker( "changeRegional" );

    ウィジェット要素の地域設定を options.regional に指定される言語に変更します。
    注: このメソッドは珍しいシナリオのみで使用されます。regional オプションのセッターを使用してください。

    コード サンプル

     
				$(".selector").igTimePicker("changeRegional");

  • clearButton
    継承

    .igTimePicker( "clearButton" );
    返却型:
    jquery
    返却型の説明:
    jQuery オブジェクトへの参照を返します。

    エディターのクリア ボタン UI 要素への参照を返します。

    コード サンプル

     
			var button =  $(".selector").igTimePicker("clearButton");

  • destroy
    継承

    .igTimePicker( "destroy" );

    ウィジェットを破棄します。

    コード サンプル

     
					$(".selector").igTimePicker("destroy");

  • displayValue
    継承

    .igTimePicker( "displayValue" );
    返却型:
    string
    返却型の説明:
    エディターの表示テキスト。

    エディターに表示するテキストを取得します。

    コード サンプル

      $(".selector").igTimePicker("displayValue");

  • dropDownButton

    .igTimePicker( "dropDownButton" );
    返却型:
    jquery
    返却型の説明:
    jQuery オブジェクトへの参照を返します。

    エディターのドロップダウン ボタン UI 要素への参照を返します。

    コード サンプル

     
			var button = $(".selector").igTimePicker("dropDownButton");

  • dropDownContainer

    .igTimePicker( "dropDownContainer" );
    返却型:
    jquery
    返却型の説明:
    jQuery オブジェクトへの参照を返します。

    ドロップダウン リストのコンテナーとして使用される jquery オブジェクトへの参照を取得します。

    コード サンプル

     
				 $(".selector").igTimePicker("dropDownContainer");

  • dropDownVisible

    .igTimePicker( "dropDownVisible" );
    返却型:
    bool
    返却型の説明:
    カレンダーの表示状態。

    カレンダーの表示状態を返します。

    コード サンプル

     
			$(".selector").igTimePicker("dropDownVisible");

  • editorContainer
    継承

    .igTimePicker( "editorContainer" );
    返却型:
    jquery
    返却型の説明:
    コンテナー エディター要素。

    エディターをラップする jQuery 要素への参照を取得します。

    コード サンプル

     
			$(".selector").igTimePicker("editorContainer");

  • field
    継承

    .igTimePicker( "field" );
    返却型:
    jquery
    返却型の説明:
    視覚エディター要素。

    エディターの入力要素を取得します。

    コード サンプル

     
			$(".selector").igTimePicker("field");

  • findListItemIndex

    .igTimePicker( "findListItemIndex", text:string, [matchType:object] );
    返却型:
    number
    返却型の説明:
    見つかった項目のインデックスを返します。

    検索パラメーターと一致するテキストによってリスト項目のインデックスを検索します。

    • text
    • タイプ:string
    • ドロップダウン リストで検索するテキスト。
    • matchType
    • タイプ:object
    • オプション
    • テキストの検索で適用されるルール。

    コード サンプル

     
				var item =  $(".selector").igTimePicker("findListItemIndex");

  • getSelectedDate
    継承

    .igTimePicker( "getSelectedDate" );
    返却型:
    date

    選択した日付を date オブジェクトとして取得します。このメソッドは、dataMode が displayModeText または editModeText に設定される場合のみに利用可能です。
    この場合、value() メソッドは日付オブジェクトを返さずに、機能の置き換えとして getSelectedDate() を使用できます。

    コード サンプル

     
			$(".selector").igTimePicker("getSelectedDate");

  • getSelectedListItem

    .igTimePicker( "getSelectedListItem" );
    返却型:
    jquery
    返却型の説明:
    選択されたリスト項目。

    選択されたリスト項目を取得します。

    コード サンプル

     
			var selectedItem =  $(".selector").igTimePicker("getSelectedListItem");

  • getSelectedText
    継承

    .igTimePicker( "getSelectedText" );
    返却型:
    string
    返却型の説明:
    エディターで選択されたテキスト。

    編集モードでエディターから選択されたテキストを取得します。keydown または keyup などのキー イベント ハンドラーで可能です。このメソッドはエディターにフォーカスがある場合のみ使用できます。エディターにフォーカスがない状態でこのメソッドを呼び出した場合、空文字列になる場合があります。

    コード サンプル

     
			var text =  (".selector").igTimePicker("getSelectedText");

  • getSelectionEnd
    継承

    .igTimePicker( "getSelectionEnd" );
    返却型:
    number
    返却型の説明:
    エディターで選択されたテキストの終了インデックス。

    エディターで選択されたテキストの終了インデックスを取得します。

    コード サンプル

     
			var intex = $(".selector").igTimePicker("getSelectionEnd");

  • getSelectionStart
    継承

    .igTimePicker( "getSelectionStart" );
    返却型:
    number
    返却型の説明:
    エディターで選択されたテキストの開始インデックス。

    エディターで選択されたテキストの開始インデックスを取得します。

    コード サンプル

     
			var intex = $(".selector").igTimePicker("getSelectionStart");

  • hasFocus
    継承

    .igTimePicker( "hasFocus" );
    返却型:
    bool
    返却型の説明:
    エディターがフォーカスされるかどうかを返します。

    エディターがフォーカスを持つかどうかを取得します。

    コード サンプル

     
				$(".selector").igTimePicker("hasFocus");

  • hide
    継承

    .igTimePicker( "hide" );

    エディターを非表示します。

    コード サンプル

     
			$(".selector").igTimePicker("hide");

  • inputName
    継承

    .igTimePicker( "inputName", [newValue:string] );
    返却型:
    string
    返却型の説明:
    現在の入力名。

    エディター要素に適用される名前属性を取得または設定します。

    • newValue
    • タイプ:string
    • オプション
    • 新しい入力名。

    コード サンプル

     
				$(".selector").igTimePicker("inputName", "checkbox");

  • insert
    継承

    .igTimePicker( "insert", string:string );

    カレットの位置、または現在選択を上書きしてテキストを挿入します。エディターがフォーカスを持つ場合、このメソッドは現在選択を上書きしてテキストを挿入します。エディターがフォーカスを持たない場合、このメソッドはエディターの値をテキストに設定します。
    注: メソッドは textChanged イベントを発生させます。

    • string
    • タイプ:string
    • 挿入する文字列。

    コード サンプル

     
				$('.selector').igTimePicker({
					blur: function (evt, ui) {
						// insert 0 as the user leaves the field
						ui.owner.insert("0");
					}
				});
				$(".selector").igTimePicker("insert", "20");

  • isValid
    継承

    .igTimePicker( "isValid" );
    返却型:
    bool
    返却型の説明:
    エディター値が有効かどうか。

    エディター内の値が有効かどうかチェックします。注: この機能は自動通知をトリガーしません。

    コード サンプル

     
				var isValid = $(".selector").igTimePicker("isValid");

  • select
    継承

    .igTimePicker( "select", start:number, end:number );

    エディターで開始インデックスおよび終了インデックスの間のテキストを選択します。パラメーターが等しい場合、このメソッドはカレットの場所を設定します。メソッドはエディターにフォーカスがある場合のみ効果があります。

    • start
    • タイプ:number
    • 選択の開始。
    • end
    • タイプ:number
    • 選択の終了。

    コード サンプル

     
				$(".selector").igTimePicker("select", 2, 4);

  • selectedListIndex

    .igTimePicker( "selectedListIndex", [index:number] );
    返却型:
    number
    返却型の説明:
    選択されているインデックスを返します。

    選択したリスト項目のインデックスを取得します。選択した項目をインデックスによって設定します。

    • index
    • タイプ:number
    • オプション
    • 選択する項目のインデックス。

    コード サンプル

     
				$(".selector").igTimePicker("selectedListIndex", 1);
				var selectedIndex = $(".selector").igTimePicker("selectedListIndex");

  • setFocus
    継承

    .igTimePicker( "setFocus", [delay:number] );

    指定した遅延時間の後にフォーカスをエディターに設定します。

    • delay
    • タイプ:number
    • オプション
    • エディターにフォーカスする前の遅延。

    コード サンプル

     
				$(".selector").igTimePicker("setFocus", 200);

  • show
    継承

    .igTimePicker( "show" );

    エディターを表示します。

    コード サンプル

     
			$(".selector").igTimePicker(("show");

  • spinDown
    継承

    .igTimePicker( "spinDown", [delta:number] );

    現在のカーソル位置に基づいて日時期間を減らします。

    • delta
    • タイプ:number
    • オプション
    • 減少デルタ。

    コード サンプル

     
				$(".selector").igTimePicker("spinDown", 3);

  • spinDownButton
    継承

    .igTimePicker( "spinDownButton" );
    返却型:
    jquery
    返却型の説明:
    エディターのスピン ダウン UI 要素を表す jQuery オブジェクト。

    エディターのスピン ダウン UI 要素への参照を返します。

    コード サンプル

     
				$(".selector").igTimePicker("spinDownButton");

  • spinUp
    継承

    .igTimePicker( "spinUp", [delta:number] );

    現在のカーソル位置に基づいて日時期間を増加します。

    • delta
    • タイプ:number
    • オプション
    • 増加デルタ。

    コード サンプル

     
				$(".selector").igTimePicker("spinUp", 2);

  • spinUpButton
    継承

    .igTimePicker( "spinUpButton" );
    返却型:
    jquery
    返却型の説明:
    エディターのスピン アップ UI 要素を表す jQuery オブジェクト。

    エディターのスピン アップ UI 要素への参照を返します。

    コード サンプル

     
			$(".selector").igTimePicker("spinUpButton");

  • validate
    継承

    .igTimePicker( "validate" );
    返却型:
    bool
    返却型の説明:
    エディター値が有効かどうか。

    エディターの検証をトリガーします。validatorOptions を設定すると igValidator で検証も呼び出されます。

    コード サンプル

     
				var valid = $(".selector").igTimePicker("validate");

  • validator
    継承

    .igTimePicker( "validator" );
    返却型:
    object
    返却型の説明:
    igValidator への参照または null を返します。

    エディターで使用される igValidator への参照を取得します。

    コード サンプル

     
					var validator = $(".selector").igTimePicker("validator");

  • value

    .igTimePicker( "value", newValue:object );

    • newValue
    • タイプ:object

  • ui-state-active

    エディターがアクティブなときに最上位の要素に適用されるクラス。デフォルト値は 'ui-state-active' です。

  • ui-igedit-button-common ui-unselectable

    すべてのボタン コンテナーに適用されるクラス。デフォルト値は 'ui-igedit-button-common ui-unselectable ui-igedit-button-ltr ui-state-default' です。

  • ui-igedit-buttonhover ui-state-hover

    マウス オーバー状態のボタンの SPAN 要素に適用されるクラス。デフォルト値は 'ui-igedit-buttonhover ui-state-hover' です。

  • ui-igedit-buttonpressed ui-state-highlight

    押下状態のボタンの SPAN 要素に適用されるクラス。デフォルト値は 'ui-igedit-buttonpressed ui-state-highlight' です。

  • ui-igedit-cleararea ui-state-default

    クリア ボタンを保持する DIV 要素に適用されるクラス。デフォルト値は 'ui-igedit-cleararea ui-state-default' です。

  • ui-igedit-buttonimage ui-icon-circle-close

    クリア ボタン画像を保持する DIV 要素に適用されるクラス。デフォルト値は 'ui-igedit-buttonimage ui-icon-circle-close ui-icon ui-igedit-buttondefault' です。

  • ui-igedit ui-igedit-container ui-widget ui-corner-all ui-state-default

    エディターがコンテナーに描画される場合に最上位の要素に適用されるクラス。デフォルト値は、'ui-igedit ui-igedit-container ui-widget ui-corner-all ui-state-default' です。

  • ui-state-disabled

    無効な状態の編集要素に適用されるクラス。デフォルト値は 'ui-igedit-disabled ui-state-disabled' です。

  • ui-igedit-dropdown-button

    ドロップ ダウン ボタンを保持する DIV 要素に適用されるクラス。デフォルト値は 'ui-igedit-dropdown-button' です。

  • ui-icon ui-icon-triangle-1-s ui-igedit-buttonimage

    ドロップ ダウン ボタン画像を保持する DIV 要素に適用されるクラス。デフォルト値は、'ui-icon ui-icon-carat-1-s ui-igedit-buttonimage' です。

  • ui-igedit-dropdown ui-widget

    listitems を保持するコンテナーに適用されるクラス。デフォルト値は 'ui-igedit-dropdown' です。

  • ui-igedit-input

    メイン/最上位の要素に適用されるクラス。デフォルト値は 'ui-igedit-input' です。

  • ui-igeditor-input-container ui-corner-all

    編集可能な入力をラップする div に適用されたクラス (multiline textarea の場合)。デフォルト値は、"ui-igeditor-input-container ui-corner-all"。

  • ui-state-focus

    エディターがフォーカスされるときに最上位の要素に適用されるクラス。デフォルト値は 'ui-state-focus' です。

  • ui-state-hover

    エディターがホバーされるときに最上位の要素に適用されるクラス。デフォルト値は 'ui-state-hover' です。

  • ui-igedit-listitem ui-state-default

    ドロップダウン リスト内の項目を表す SPAN 要素に適用されるクラス。デフォルト値は 'ui-igedit-listitem ui-state-default' です。

  • ui-state-active ui-igedit-listitemactive

    ドロップダウン リスト内のアクティブ項目を表す SPAN 要素に適用されるクラスに適用されるクラス。デフォルト値は 'ui-igedit-listitemselected ui-state-highlight' です。

  • ui-igedit-listitemhover ui-state-hover

    マウス オーバー状態のドロップダウン リスト内の項目を表す SPAN 要素に適用されるクラスに適用されるクラス。デフォルト値は 'ui-igedit-listitemhover ui-state-hover' です。

  • ui-igedit-listitemselected ui-state-highlight

    ドロップダウン リスト内の選択項目を表す SPAN 要素に適用されるクラスに適用されるクラス。デフォルト値は 'ui-igedit-listitemselected ui-state-highlight' です。

  • ui-igedit-placeholder

    plaseHolder オプションを設定した場合に表示可能な入力に適用されるクラス。このクラスは、スタイリングのみに関連します。デフォルト値は 'ui-igedit-placeholder' です。

  • ui-igedit-spinlowerimage ui-icon-carat-1-s ui-icon

    スピン ダウン画像を保持する DIV 要素に適用されるクラス。デフォルト値は、'ui-igedit-spinlowerimage ui-icon-carat-1-s ui-icon ui-igedit-buttondefault ui-igedit-spinbutton ui-igedit-buttonimage' です。

  • ui-igedit-spinupperimage ui-icon-carat-1-n ui-icon

    スピン アップ画像を保持する DIV 要素に適用されるクラス。デフォルト値は、'ui-igedit-spinupperimage ui-icon-carat-1-n ui-icon ui-igedit-buttondefault ui-igedit-spinbutton ui-igedit-buttonimage' です。

  • ui-igedit-textarea

    textMode が 'multiline' に設定される場合、可視 textarea 要素に適用されるクラス。

Copyright © 1996 - 2024 Infragistics, Inc. All rights reserved.