5 <title>jQuery UI Spinner - Decimal</title>
6 <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css">
7 <script src="../../jquery-1.9.1.js"></script>
8 <script src="../../external/jquery.mousewheel.js"></script>
9 <script src="../../external/globalize.js"></script>
10 <script src="../../external/globalize.culture.de-DE.js"></script>
11 <script src="../../external/globalize.culture.ja-JP.js"></script>
12 <script src="../../ui/jquery.ui.core.js"></script>
13 <script src="../../ui/jquery.ui.widget.js"></script>
14 <script src="../../ui/jquery.ui.button.js"></script>
15 <script src="../../ui/jquery.ui.spinner.js"></script>
16 <link rel="stylesheet" href="../demos.css">
19 $( "#spinner" ).spinner({
24 $( "#culture" ).change(function() {
25 var current = $( "#spinner" ).spinner( "value" );
26 Globalize.culture( $(this).val() );
27 $( "#spinner" ).spinner( "value", current );
35 <label for="spinner">Decimal spinner:</label>
36 <input id="spinner" name="spinner" value="5.06">
39 <label for="culture">Select a culture to use for formatting:</label>
41 <option value="en-EN" selected="selected">English</option>
42 <option value="de-DE">German</option>
43 <option value="ja-JP">Japanese</option>
47 <div class="demo-description">
49 Example of a decimal spinner. Step is set to 0.01.
50 <br>The code handling the culture change reads the current spinner value,
51 then changes the culture, then sets the value again, resulting in an updated
52 formatting, based on the new culture.