diff options
| author | Trent Richardson <trentdrichardson@gmail.com> | 2015-11-14 10:36:07 -0500 |
|---|---|---|
| committer | Trent Richardson <trentdrichardson@gmail.com> | 2015-11-14 10:36:07 -0500 |
| commit | 95d3ec39ce5bfab43a068ae6e7e36cfb4b35ecc1 (patch) | |
| tree | 2f896c707f52ed5ae621caa12971f194711e6b25 /src/docs/examples.html | |
| parent | ecc41f97c1f5ca041dec842d941cc25ceac154fa (diff) | |
| parent | f2b80bee999910fc1f8f7dded808d5bf703acd05 (diff) | |
| download | jQuery-Timepicker-Addon-95d3ec39ce5bfab43a068ae6e7e36cfb4b35ecc1.zip jQuery-Timepicker-Addon-95d3ec39ce5bfab43a068ae6e7e36cfb4b35ecc1.tar.gz jQuery-Timepicker-Addon-95d3ec39ce5bfab43a068ae6e7e36cfb4b35ecc1.tar.bz2 | |
Merge branch 'dev'
Diffstat (limited to 'src/docs/examples.html')
| -rw-r--r-- | src/docs/examples.html | 39 |
1 files changed, 35 insertions, 4 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> |