diff options
| author | Trent <trentdrichardson@gmail.com> | 2015-06-29 14:23:00 -0400 |
|---|---|---|
| committer | Trent <trentdrichardson@gmail.com> | 2015-06-29 14:23:00 -0400 |
| commit | 829ffa712beb23bbe9a5e562d84fbd49bffa60fc (patch) | |
| tree | af92476310340b72f8d418b12e484803e6e2e845 /src/docs/examples.html | |
| parent | a165d60c7f057f1c7ba4db45c84bf7ac5a1ed2cb (diff) | |
| download | jQuery-Timepicker-Addon-829ffa712beb23bbe9a5e562d84fbd49bffa60fc.zip jQuery-Timepicker-Addon-829ffa712beb23bbe9a5e562d84fbd49bffa60fc.tar.gz jQuery-Timepicker-Addon-829ffa712beb23bbe9a5e562d84fbd49bffa60fc.tar.bz2 | |
Clean up some styles, missing semicolons, add example
Diffstat (limited to 'src/docs/examples.html')
| -rw-r--r-- | src/docs/examples.html | 47 |
1 files changed, 33 insertions, 14 deletions
diff --git a/src/docs/examples.html b/src/docs/examples.html index 370be36..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,20 +288,6 @@ $('#alt_example_3').datetimepicker({ }); </pre> </div> - </div> - <h3 id="input_examples">Time Input</h3> - <!-- ============= example --> - <div class="example-container"> - <p>Allows for direct input of time string</p> - <div> - <input type="text" name="input_example_1" id="input_example_1" value="08/20/2014 09:22 -0400" /> - </div> -<pre> -$('#input_example_1').datetimepicker( - timeInput: true -); -</pre> - </div> <!-- ============= example --> <div class="example-container"> @@ -316,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> |