Тип входного типа jQuery plugin

Question

У меня есть небольшая проблема с плагином jQuery для ввода с номером типа.

Когда я впервые нажимаю на стрелку вверх, он начнет сначала с нуля, затем перейдите к 1, 2, 3, вероятно, потому, что min = «0». Я пытаюсь держать мин = "0", но при нажатии на стрелку вверх в первый раз, чтобы перейти непосредственно к 1. HTML

<input class="extras" type="number" min="0" step="1" name="extras" placeholder="0" /> 

Script

$(document).ready(function() { // Document ready 

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

}); 

CSS

.stepper { border-radius: 3px; margin: 0 0 10px 0; overflow: hidden; position: relative; width: 300px; } 
.stepper .stepper-input { background: #F9F9F9; border: 1px solid #ccc; border-radius: 3px; color: #333; font-size: 13px; line-height: 1.2; margin: 0; overflow: hidden; padding: 9px 10px 10px; width: 100%; z-index: 49; } 
.stepper .stepper-input::-webkit-inner-spin-button, 
.stepper .stepper-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } 
.stepper .stepper-input:focus { background-color: #fff; } 
.stepper .stepper-arrow { background: #eee url(stepper.png) no-repeat; border: 1px solid #ccc; cursor: pointer; display: block; height: 50%; position: absolute; right: 0; text-indent: -99999px; width: 20px; z-index: 50; } 
.stepper .stepper-arrow.up { background-position: center top; border-bottom: none; top: 0; } 
.stepper .stepper-arrow.down { background-position: center bottom; bottom: 0; } 

P Лугин https://github.com/benplum/Stepper

Вот Fiddle: http://jsfiddle.net/NE2ap/6/

Может кто-нибудь помочь мне с этим? Я действительно хотел бы использовать этот плагин, потому что я уже написал CSS для этого, чтобы интегрироваться в мой сайт. По умолчанию используется Fiddle.

Answer 1

Дайте на вход value="0" Причина, почему вы получаете эту проблему, потому что это значение ничего, даже не 0, так что даст по умолчанию мин

<input value="0"class="extras" type="number" min="0" step="1" name="extras" placeholder="0" /> 
//  ^^^^^^^^^ this 

DEMO

Answer 2

Вместо установки placeholder атрибут, установите value вместо:

<input class="extras" type="number" min="0" step="1" name="extras" value="0" /> 

Вот updated Fiddle.

Answer 3

Используйте это перед шаговым усилителем.

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

Это начнет ввод с 0 значения.

Или установить значение свойства ввода.