Has anyone implemented jQuery Mobile Add (+/-) But

Question

This seems like a "must have" form input for a mobile ui framework, but jQuery Mobile doesn't seem to have one.

Has anyone implemented a nice looking number Spinner form input that works well with the other jquery mobile form inputs?

Something like this:

Answer 1

Found this: http://css-tricks.com/number-increment-buttons/

Answer 2

<i onclick="qty('plus');" class="fa fa-plus c_pointer"></i>
<input type="text" id="prdqty" name="qty" value="1" placeholder="1">
<i onclick="qty('minus');" class="fa fa-minus c_pointer"></i>



function qty(val){
pqty = $('#prdqty').val();
if (val == "plus") {
      var newVal = parseFloat(pqty) + 1;
    } else {
    if (pqty > 1) {
      var newVal = parseFloat(pqty) - 1;
    } else {
      newVal = 1;
    }
}
$('#prdqty').val(newVal);
}

Answer 3

No just the slider input so far.

Answer 4

Probably well after the fact, but: http://dev.jtsage.com/jQM-Spinbox/ - based pretty much on what you show above, respects jQM themeing, min/max values.

Answer 5

It's not exactly the same but an input with type="number" should give you an input field with two small buttons at the right (up & down).

You can check it here.