monster.ui.numberPicker()#
Syntax#
monster.ui.numberPicker($target[, options]);
Parameters#
Key | Description | Type | Default | Required |
---|---|---|---|---|
$target |
Input element on which the method will be applied. | jQuery |
true |
|
options |
List of options for jQuery UI Spinner Widget. | Object |
false |
|
options.change |
Callback on value change (note that this function will not override the widget's behavior to exclude invalid values, but can be used to retrieve the new value). | Function |
false |
Description#
This helper will transform an input field into a number picker, using the jQuery UI Spinner Widget.
However, compared to the default widget setup, this control won't allow to be left empty, nor to enter non-numeric or out of range values (if min
and max
parameters were provided for the latter). This validation is performed through an internal handler for the widget's change
event.
Examples#
Create a number picker with a max and min limits#
var $target = $('#quantity');
var options = {
min: 10,
max: 50
};
monster.ui.numberPicker($target, options);