ui.igTimePicker

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> |
関連サンプル
関連トピック
依存関係
-
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 年または 2年位置のみ ("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
- デフォルト:
- false
エディターが項目のリストからの値のみを許可するかどうかを取得または設定します。一致は大文字と小文字を区別しません。
コード サンプル
//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
- デフォルト:
- defaults
ウィジェットの領域設定を取得または設定します。
コード サンプル
//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 でイベントを使用するを参照してください。
-
blur
継承- キャンセル可能:
- false
エディターの入力フィールドがフォーカスを失うときに発生します。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerblur"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
blur:
function
(evt, ui) {
...
}
});
-
dropDownItemSelected
- キャンセル可能:
- false
ドロップダウン リストの項目が選択された後に発生されます。
コード サンプル
//Delegate
$(
".selector"
).on(
"igtimepickerdropdownitemselected"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
dropDownItemSelected:
function
(evt, ui) {
...
}
});
-
dropDownItemSelecting
- キャンセル可能:
- true
ドロップダウン リストの項目が選択されているときに発生されます。
コード サンプル
//Delegate
$(
".selector"
).on(
"igtimepickerdropdownitemselecting"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
dropDownItemSelecting:
function
(evt, ui) {
...
}
});
-
dropDownListClosed
- キャンセル可能:
- false
ドロップダウン リストが閉じた後に発生されます。
コード サンプル
//Delegate
$(
".selector"
).on(
"igtimepickerdropdownlistclosed"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
dropDownListClosed:
function
(evt, ui) {
...
}
});
-
dropDownListClosing
- キャンセル可能:
- true
ドロップダウン リストが閉じているときに発生されます。
コード サンプル
//Delegate
$(
".selector"
).on(
"igtimepickerdropdownlistclosing"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
dropDownListClosing:
function
(evt, ui) {
...
}
});
-
dropDownListOpened
- キャンセル可能:
- true
ドロップダウン リストが開いた後に発生されます。
コード サンプル
//Delegate
$(
".selector"
).on(
"igtimepickerdropdownlistopened"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
dropDownListOpened:
function
(evt, ui) {
...
}
});
-
dropDownListOpening
- キャンセル可能:
- true
ドロップダウン リストが開いているときに発生されます。
コード サンプル
//Delegate
$(
".selector"
).on(
"igtimepickerdropdownlistopening"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
dropDownListOpening:
function
(evt, ui) {
...
}
});
-
focus
継承- キャンセル可能:
- false
エディターの入力フィールドがフォーカスを受けるときに発生します。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerfocus"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
focus:
function
(evt, ui) {
...
}
});
-
keydown
継承- キャンセル可能:
- true
keydown イベントで発生されます。
キー操作をキャンセルするには、False を返します。コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerkeydown"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
keydown:
function
(evt, ui) {
...
}
});
-
keypress
継承- キャンセル可能:
- true
keypress イベントで発生されます。
キー操作をキャンセルするには、False を返します。コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerkeypress"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
keypress:
function
(evt, ui) {
...
}
});
-
keyup
継承- キャンセル可能:
- false
keyup イベントで発生されます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerkeyup"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
keyup:
function
(evt, ui) {
...
}
});
-
mousedown
継承- キャンセル可能:
- true
mousedown イベントで発生されます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickermousedown"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
mousedown:
function
(evt, ui) {
...
}
});
-
mousemove
継承- キャンセル可能:
- false
ドロップダウン リストを含むエディターの任意の部分での mousemove に対して発生されます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickermousemove"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
mousemove:
function
(evt, ui) {
...
}
});
-
mouseout
継承- キャンセル可能:
- false
ドロップダウン リストを含むエディターの任意の部分での mouseleave に対して発生されます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickermouseout"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
mouseout:
function
(evt, ui) {
...
}
});
-
mouseover
継承- キャンセル可能:
- false
ドロップダウン リストを含むエディターの任意の部分での mouseover に対して発生されます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickermouseover"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
mouseover:
function
(evt, ui) {
...
}
});
-
mouseup
継承- キャンセル可能:
- false
mouseup イベントで発生されます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickermouseup"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
mouseup:
function
(evt, ui) {
...
}
});
-
rendered
継承- キャンセル可能:
- false
エディターのレンダリングが完了した後に発生します。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerrendered"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
rendered:
function
(evt, ui) {
...
}
});
-
rendering
継承- キャンセル可能:
- true
エディターのレンダリングが完了する前に発生します。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickerrendering"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
rendering:
function
(evt, ui) {
...
}
});
-
textChanged
継承- キャンセル可能:
- false
エディターのテキストが変更された後に発生します。keyUp イベントが発生するときに発生できます。クリアボタンがクリックされたときまたはリストの項目がせんたくされたときに発生できます。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickertextchanged"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
textChanged:
function
(evt, ui) {
...
}
});
-
valueChanged
継承- キャンセル可能:
- false
エディター値が変更された後に発生します。フォーカスの消失後またはスピン イベントに対して発生します。
コード サンプル
//Bind after initialization
$(
".selector"
).on(
"igtimepickervaluechanged"
,
function
(evt, ui) {
...
});
//Initialize
$(
".selector"
).igTimePicker({
valueChanged:
function
(evt, ui) {
...
}
});
-
valueChanging
継承- キャンセル可能:
- true
エディターの値を変更する前に発生します。
変更をキャンセルするには、False を返します。
フォーカスの消失後またはスピン イベントに対して発生します。コード サンプル
//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 要素に適用されるクラス。