StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>It's just a matter of including the necessary script and style references, then wiring the components. In this particular case:</p> <ol> <li><p>Include the jQuery engine core script within the <code><head></code> of your page. Use the most recent version available (currently, 1.5). The script in your sample page uses jQuery 1.4.4:</p> <p><code><script type="text/javascript" src="jquery-1.4.4.min.js"></script></code></p></li> <li><p>Include the jQuery UI core script as well (same here about the version):</p> <p><code><script type="text/javascript" src="jquery-ui-1.8.6.custom.min.js"></script></code></p></li> <li><p>Include the plugin script(s):</p> <p><code><script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script></code></p></li> <li><p>Don't forget to reference the plugin UI elements styles:</p> <p><code><link rel="stylesheet" media="all" type="text/css" href="css/ui-lightness/jquery-ui-1.8.6.custom.css"></code></p></li> <li><p>Wire the plugin with the text box element which will act as the calendar trigger. That sample uses a <code><input type=text></code> whose ID is <code>example1</code>:</p> <p><code>$('#example1').datetimepicker();</code></p></li> </ol> <p>These are general steps for this particular case! jQuery offers much more functionality, and exploiting it may require other setups. But the example you chose is a good starting point: it's useful and easy to understand. Boa sorte...</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload