summaryrefslogtreecommitdiffstats
path: root/dist/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'dist/index.html')
-rw-r--r--dist/index.html17
1 files changed, 17 insertions, 0 deletions
diff --git a/dist/index.html b/dist/index.html
index 8e38d45..2bcb0a3 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -363,6 +363,9 @@
<dt>showTimepicker</dt>
<dd><em>Default: true</em> - Whether to show the timepicker within the datepicker.</dd>
+ <dt>oneLine</dt>
+ <dd><em>Default: false</em> - Try to show the time dropdowns all on one line. This should be used with controlType 'select' and as few units as possible.</dd>
+
<dt>addSliderAccess</dt>
<dd><em>Default: false</em> - Adds the <a href="http://trentrichardson.com/examples/jQuery-SliderAccess/" title="jQueryUI Slider Access Plugin">sliderAccess plugin</a> to sliders within timepicker</dd>
@@ -697,6 +700,20 @@ $('#slider_example_4').datetimepicker({
<!-- ============= example -->
<div class="example-container">
+ <p>Uses one line dropdowns instead of sliders.</p>
+ <div>
+ <input type="text" name="slider_example_4andHalf" id="slider_example_4andHalf" value="" />
+ </div>
+<pre>
+$('#slider_example_4andHalf').datetimepicker({
+ controlType: 'select',
+ oneLine: true,
+ timeFormat: 'hh:mm tt'
+});</pre>
+ </div>
+
+ <!-- ============= example -->
+ <div class="example-container">
<p>Create your own control by implementing the create, options, and value methods. If you want to use your new control for all instances use the $.timepicker.setDefaults({controlType:myControl}). Here we implement jQueryUI's spinner control (jQueryUI 1.9+).</p>
<div>
<input type="text" name="slider_example_5" id="slider_example_5" value="" />