diff options
Diffstat (limited to 'src/docs')
| -rw-r--r-- | src/docs/examples.html | 39 | ||||
| -rw-r--r-- | src/docs/options.html | 5 |
2 files changed, 39 insertions, 5 deletions
diff --git a/src/docs/examples.html b/src/docs/examples.html index ae94ce6..9364fba 100644 --- a/src/docs/examples.html +++ b/src/docs/examples.html @@ -9,6 +9,7 @@ <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> @@ -287,7 +288,7 @@ $('#alt_example_3').datetimepicker({ }); </pre> </div> - + <!-- ============= example --> <div class="example-container"> <p>With inline mode using altField:</p> @@ -302,6 +303,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> @@ -541,6 +574,4 @@ $('#utility_example_3').text(JSON.stringify( $.datepicker.parseTime('HH:mm:ss:l z', "14:36:21:765 +2000", {}) )); </pre> - </div> - -</div>
\ No newline at end of file +</div> diff --git a/src/docs/options.html b/src/docs/options.html index 0754fb0..06201ce 100644 --- a/src/docs/options.html +++ b/src/docs/options.html @@ -202,7 +202,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> |