|
8 | 8 | <script type="text/javascript" src="../../external/jquery.mousewheel-3.0.4.js"></script>
|
9 | 9 | <script type="text/javascript" src="../../external/glob.js"></script>
|
10 | 10 | <script type="text/javascript" src="../../external/glob.de-DE.js"></script>
|
11 |
| - <script type="text/javascript" src="../../external/glob.ja-JP.js"></script> |
12 | 11 | <script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
|
13 | 12 | <script type="text/javascript" src="../../ui/jquery.ui.widget.js"></script>
|
14 | 13 | <script type="text/javascript" src="../../ui/jquery.ui.button.js"></script>
|
15 | 14 | <script type="text/javascript" src="../../ui/jquery.ui.spinner.js"></script>
|
16 | 15 | <link type="text/css" href="../demos.css" rel="stylesheet" />
|
17 | 16 | <script type="text/javascript">
|
18 | 17 | $.widget("ui.timespinner", $.ui.spinner, {
|
| 18 | + options: { |
| 19 | + // seconds |
| 20 | + step: 60 * 1000, |
| 21 | + // hours |
| 22 | + page: 60 |
| 23 | + }, |
| 24 | + |
19 | 25 | _parse: function(value) {
|
20 | 26 | if (typeof value == 'string') {
|
21 |
| - // TODO use Globalization to parse time |
22 |
| - var parts = value.split(":"); |
23 |
| - return parseInt(parts[0]) * 60 + parseInt(parts[1]); |
| 27 | + return +Globalization.parseDate(value) |
24 | 28 | }
|
25 | 29 | return value;
|
26 | 30 | },
|
27 | 31 | _format: function() {
|
28 |
| - if (!this.options.value) { |
29 |
| - this.element.val( "00:00" ); |
30 |
| - } |
31 |
| - // TODO use Globalization to format time |
32 |
| - this.element.val( parseInt(this.options.value / 60) + ":" + (this.options.value % 60) ); |
| 32 | + this.element.val( Globalization.format(new Date(this.options.value), "t") ); |
33 | 33 | }
|
34 | 34 | })
|
35 | 35 | $(function() {
|
36 |
| - $("#spinner").timespinner({ |
37 |
| - step: 60 |
| 36 | + $("#spinner").timespinner(); |
| 37 | + |
| 38 | + |
| 39 | + $("#culture").change(function() { |
| 40 | + var current = $("#spinner").timespinner("value"); |
| 41 | + Globalization.preferCulture($(this).val()); |
| 42 | + $("#spinner").timespinner("value", current); |
38 | 43 | });
|
39 | 44 | });
|
40 | 45 | </script>
|
|
44 | 49 | <div class="demo">
|
45 | 50 | <p>
|
46 | 51 | <label for="spinner">Decimal spinner:</label>
|
47 |
| - <input id="spinner" name="spinner" value="15:30" /> |
| 52 | + <input id="spinner" name="spinner" value="08:30 PM" /> |
| 53 | +</p> |
| 54 | +<p> |
| 55 | + <label for="culture">Select a culture to use for formatting:</label> |
| 56 | + <select id="culture"> |
| 57 | + <option value="en-EN" selected="selected">English</option> |
| 58 | + <option value="de-DE">German</option> |
| 59 | + </select> |
48 | 60 | </p>
|
49 | 61 | </div>
|
50 | 62 |
|
|
0 commit comments