jijopaulose / mobiscroll

Automatically exported from code.google.com/p/mobiscroll
0 stars 0 forks source link

24 hours format wheels are rendered in 12 hours format #78

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago
What steps will reproduce the problem?
1. set tag <input type="text" name="date1" id="date1" class="mobiscroll" 
value="11:23" />
2. set js $('#date1').scroller({ preset: 'time', theme: 'ios', ampmp: 'false', 
timeFormat: 'HH:ii' });

What is the expected output? What do you see instead?
- wheels in 24 hours format expected
- wheels in 12 hours format seen
(values are correctly set in 24 hours)

What version of the product are you using? On what operating system?
v.1.6

Original issue reported on code.google.com by awry.nim...@gmail.com on 31 Mar 2012 at 9:38

GoogleCodeExporter commented 9 years ago
You are using 'ampmp' instead of 'ampm' and 'false' string instead of false 
boolean value. The correct way:

$('#date1').scroller({ preset: 'time', theme: 'ios', ampm: false, timeFormat: 
'HH:ii' });

Original comment by diosla...@gmail.com on 31 Mar 2012 at 10:05

GoogleCodeExporter commented 9 years ago
Not solved... sorry I mispelled posting here, but in code it's correct...

As I stated wheels are shown in 12-hours format and if I select "11.24 PM" box 
is correctly set as "23.24", but wheels don't go in 24-hours format.

Original comment by awry.nim...@gmail.com on 31 Mar 2012 at 10:24

GoogleCodeExporter commented 9 years ago
I just checked on the demo page, and its working fine. Please paste here the 
exact code you are using and specify the browser/op.system where you are 
testing.

Original comment by diosla...@gmail.com on 5 Apr 2012 at 6:06

GoogleCodeExporter commented 9 years ago
I'm having same problem

Original comment by kameeleo...@gmail.com on 6 Jul 2012 at 8:36

GoogleCodeExporter commented 9 years ago
Please post some code or a jsfiddle link

Original comment by diosla...@gmail.com on 6 Jul 2012 at 8:40

GoogleCodeExporter commented 9 years ago
<script type="text/javascript">
                                $(function () {
                                    $("#FromDate").scroller({ preset: 'date', display: 'modal', mode: 'mixed', theme: 'jqm', dateFormat: 'dd.mm.yy' });
                                    $("#UntilDate").scroller({ preset: 'date', display: 'modal', mode: 'mixed', theme: 'jqm', dateFormat: 'dd.mm.yy' });
                                    $("#FromTime").scroller({ preset: 'time', display: 'modal', mode: 'mixed', theme: 'jqm', timeFormat: 'HH:ii' });
                                    $("#UntilTime").scroller({ preset: 'time', display: 'modal', mode: 'mixed', theme: 'jqm', timeFormat: 'HH:ii' });
                                });
                            </script>

PS: I found out that, after I upgraded to 2.0 version, it works fine. But on 
previous it did not.

Original comment by kameeleo...@gmail.com on 6 Jul 2012 at 9:01

GoogleCodeExporter commented 9 years ago
can you show me a jsfiddler where the 24H version actually works? It does not 
work for me on Chrome and also on Firefox (all latest). Library version is 2.3.1

Original comment by edd.i...@gmail.com on 17 Jan 2013 at 4:52

GoogleCodeExporter commented 9 years ago
Done. 
You need to include timeWheels:'HHii' also.

PS: the preset is 'datetime'

Original comment by edd.i...@gmail.com on 17 Jan 2013 at 5:28