Touch Enable Input Spinner In Bootstrap 4/5 – InputSpinner.js

Form
Easy Input Spinner Plugin For Bootstrap 4 and 5 - InputSpinner
File Size: 4.33 KB
Views Total: 2829 views
Last Update:January 20, 2024
Publish Date: March 14, 2018
Official Website: Go to website
License: MIT
Plugin Author: shaack
Demo    Download

A Free jQuery Plugin With touch enable Input Spinner For Bootstrap 4/5 – InputSpinner.js to create input spinner elements for number input. Easy to customizable input spinner plugin enables the users to increment/decrement a number by using +/- buttons. user can click button on desktop & mobile for touch & hold enable.  

How to use:

NPM Installation:

# NPM
$ npm install bootstrap-input-spinner --save

Add the jQuery library and Bootstrap 4/5 framework in the html document.

<link rel="stylesheet" href="/path/to/cdn/bootstrap.min.css" />
<script src="/path/to/cdn/jquery.slim.min.js"></script>
<script src="/path/to/cdn/bootstrap.min.js"></script>

Add the JavaScript file input-spinner.js after jQuery.

<script src="bootstrap-input-spinner.js"></script>

Create a normal input number such as valueminmax and step. for the input spinner.

<input type="number" value="5" min="0" max="100" step="1">

Initialize the input spinner by calling the function on the number input.

$("input[type='number']").inputSpinner();

Done

Thanks for make jQuery plugin is developed by shaack For more Helpfull for users, please check the demo page or visit the official website.
List Of Version :
  • v3.0.1
  • v2.1.2

Mady

Mady Schaferhoff is an expert jQuery script at jQuerypost. He offers web development services to clients globally. He also loves sharing Html,CSS, jQuery knowledge through blog posts like this one.