123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112 |
- (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 getVal() {
- var val = clone.val();
- if (! val || val === "NaN") {
- return 0;
- }
- return parseInt(val);
- }
- function setText(n) {
- if ((min && n < min) || (max && n > max)) {
- return false;
- }
- clone.focus().val(n);
- clone.trigger('change');
- return true;
- }
- var group = $("<div class='input-group'></div>");
- var down = $("<button type='button'>-</button>").attr({'class': 'btn btn-' +settings.downClass, 'disabled': options.disabled}).click(function () {
- setText(getVal() - 1);
- });
- var up = $("<button type='button'>+</button>").attr({'class': 'btn btn-' +settings.upClass, 'disabled': options.disabled}).click(function () {
- setText(getVal() + 1);
- });
- $("<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);
-
- 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();
- }
- var c = String.fromCharCode(e.which);
- var n = (getVal() + c);
-
-
-
- });
- clone.prop('type', 'text').blur(function (e) {
- var c = parseInt(String.fromCharCode(e.which));
- if (isNaN(c)) {
- c = 0;
- }
- var n = getVal() + c;
- if ((min && n < min)) {
- setText(min);
- }
- else if (max && n > max) {
- setText(max);
- }
- });
- self.replaceWith(group);
- });
- };
- }(jQuery));
|