diff options
Diffstat (limited to 'dist/index.html')
| -rw-r--r-- | dist/index.html | 43 |
1 files changed, 39 insertions, 4 deletions
diff --git a/dist/index.html b/dist/index.html index 55823f4..bd26a08 100644 --- a/dist/index.html +++ b/dist/index.html @@ -325,7 +325,10 @@ <dl class="defs"> <dt>showButtonPanel</dt> <dd><em>Default: true</em> - Whether to show the button panel at the bottom. This is generally needed.</dd> - + + <dt>timeInput</dt> + <dd><em>Default: false</em> - Allows direct input in time field</dd> + <dt>timeOnly</dt> <dd><em>Default: false</em> - Hide the datepicker and only provide a time interface.</dd> @@ -517,6 +520,7 @@ $.timepicker.setDefaults($.timepicker.regional['ru']); <li><a href="#timezone_examples" title="Using Timezones">Using Timezones</a></li> <li><a href="#slider_examples" title="Slider Modifications">Slider Modifications</a></li> <li><a href="#alt_examples" title="Alternate Field">Alternate Fields</a></li> + <li><a href="#input_examples" title="Time Input">Time Input</a></li> <li><a href="#rest_examples" title="Time Restraints">Time Restraints</a></li> <li><a href="#range_examples" title="Time Ranges">Time Ranges</a></li> <li><a href="#utility_examples" title="Utilities">Utilities</a></li> @@ -795,7 +799,7 @@ $('#alt_example_3').datetimepicker({ }); </pre> </div> - + <!-- ============= example --> <div class="example-container"> <p>With inline mode using altField:</p> @@ -810,6 +814,38 @@ $('#alt_example_4').datetimepicker({ }); </pre> </div> + +<h3 id="input_examples">Time Input</h3> + + <!-- ============= example --> + <div class="example-container"> + <p>Allows time displayed inside the picker to allow being typed in.</p> + <div> + <input type="text" name="input_example_1" id="input_example_1" value="08/20/2014 01:22 pm" /> + </div> +<pre> +$('#input_example_1').datetimepicker({ + timeInput: true, + timeFormat: "hh:mm tt" +}); +</pre> + </div> + + <!-- ============= example --> + <div class="example-container"> + <p>Don't show any sliders, only the time input.</p> + <div> + <input type="text" name="input_example_1" id="input_example_2" value="08/20/2014 01:22 pm" /> + </div> +<pre> +$('#input_example_2').datetimepicker({ + timeInput: true, + timeFormat: "hh:mm tt", + showHour: false, + showMinute: false +}); +</pre> + </div> <h3 id="rest_examples">Time Restraints</h3> @@ -1049,9 +1085,8 @@ $('#utility_example_3').text(JSON.stringify( $.datepicker.parseTime('HH:mm:ss:l z', "14:36:21:765 +2000", {}) )); </pre> - </div> - </div> + </div> |