How to make a Time Picker in jQuery mobile 1.4.0?

jquery-mobile jquery-ui-timepicker
user picture user · Jan 17, 2014 · Viewed 7.8k times · Source

I have the following time input in my jQuery mobile app for android , I want to make a time picker for this input as the native Time picker in android devices . How can i do a time picker in jQuery mobile 1.4.0?

Please help me ...

<label for="notifTime"  data-inline="true">
<input  type="time" name="notifTime"  id="notifTime" />

Answer

ezanker picture ezanker · Jan 17, 2014

Have you tried the jQuery Mobile Datebox plugin: http://dev.jtsage.com/DateBox/?

It has a time picker mode that is good as long as you only need hours and minutes.

Here is a DEMO

<div class="ui-field-contain">
    <label for="notifTime">Notification Time:</label>
    <input name="notifTime" id="notifTime" type="text" data-role="datebox" data-options='{"mode":"timebox", "useNewStyle":true, "overrideTimeFormat": 12, "themeButton": "b", "themeInput": "a", "theme": "b", "themeHeader": "b"}' />
</div>

If you look at the datebox site, there are many options to play with...

Related questions

How can I check if a checkbox is checked?

I am building a mobile web app with jQuery Mobile and I want to check if a checkbox is checked. Here is my code. <script type=text/javascript> function validate(){ if (remember.checked == 1){ alert("checked") ; } else { alert("You …

Read More
How to redirect on another page and pass parameter in url from table?

How to redirect on another page and pass parameter in url from table ? I've created in tornato template something like this <table data-role="table" id="my-table" data-mode="reflow"> <thead> <tr> <th>Username&…

Read More
JQuery Parsing JSON array

I have a JSON output like the following: ["City1","City2","City3"] I want to get each of the city names, how can i do this? $.getJSON("url_with_json_here",function(json){ }); EDIT: $.getJSON('url_here', function(data){ $.each(data, …

Read More