bootstrap-number-input.js
3.4 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
/* ========================================================================
* bootstrap-spin - v1.0
* https://github.com/wpic/bootstrap-spin
* ========================================================================
* Copyright 2014 WPIC, Hamed Abdollahpour
*
* ========================================================================
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
* ========================================================================
*/
(function($) {
$.fn.bootstrapNumber = function(options) {
var settings = $.extend({
upClass: 'default',
downClass: 'default',
center: true
}, options);
return this.each(function(e) {
var self = $(this);
var clone = self.clone();
var min = self.attr('min');
var max = self.attr('max');
function setText(n) {
n = isNaN(n) ? 0 : n;
if ((min && n < min)) {
n = min;
} else if (max && n > max) {
n = max;
}
clone.val(n);
}
var group = $("<div class='input-group'></div>");
var down = $("<button type='button'>-</button>").attr('class', 'btn btn-' + settings.downClass).click(function() {
setText(parseInt(clone.val(), 10) - 1);
clone.focus().trigger('change');
});
var up = $("<button type='button'>+</button>").attr('class', 'btn btn-' + settings.upClass).click(function() {
setText(parseInt(clone.val(), 10) + 1);
clone.focus().trigger('change');
});
$("<span class='input-group-btn'></span>").append(down).appendTo(group);
clone.appendTo(group);
if (clone) {
clone.css('text-align', 'center');
}
$("<span class='input-group-btn'></span>").append(up).appendTo(group);
// remove spins from original
clone.prop('type', 'text').keydown(function(e) {
if ($.inArray(e.keyCode, [46, 8, 9, 27, 13, 110, 190]) !== -1 || (e.keyCode == 65 && e.ctrlKey === true) || (e.keyCode >= 35 && e.keyCode <= 39)) {
return;
}
if ((e.shiftKey || (e.keyCode < 48 || e.keyCode > 57)) && (e.keyCode < 96 || e.keyCode > 105)) {
e.preventDefault();
}
}).keyup(function(event) {
var n = clone.val().match(/\-?\d+/) || [0];
setText(n[0]);
clone.trigger('change');
}).blur(function(e) {
var c = String.fromCharCode(e.which);
var n = parseInt(clone.val() + c, 10);
setText(n);
clone.trigger('change');
});
self.replaceWith(group);
});
};
}(jQuery));