W3VISIONS Blog

http://blogs.uct.ac.za/blog/lovemores-world/2009/02/25/an-effective-jquery-date-time-picker
did preliminary work on the timepicker component alone.

i modified it and made it run…

* there is an am/pm mode and a 24hour mode.
* lang support for en/de

see here:

A date

Another date

download here:
files

code to run it:

>> see timepicker.js for details

<input id="pickerfield" type="text" value="2008-08-12 02:35:00" />

<script src="jquery13/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="jquery_ui_datepicker/jquery_ui_datepicker.js" type="text/javascript"></script>

<script type="text/javascript">
	/* <![CDATA[ */
		$(function() {
				  $('input').datetime({
									userLang	: 'en',
									americanMode: true,
								});
			});
	/* ]]> */
</script>

<script src="jquery_ui_datepicker/i18n/ui.datepicker-de.js" type="text/javascript"></script>
<script src="jquery_ui_datepicker/timepicker_plug/timepicker.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="jquery_ui_datepicker/timepicker_plug/css/style.css">
<link rel="stylesheet" type="text/css" href="jquery_ui_datepicker/smothness/jquery_ui_datepicker.css">

fixes / 090521:
- convert widget time to am/pm if american mode is on
- show correct date from input
- on change at input field modify widget
- if there is no hour/minute given in input, show 00
- start datepicker in given language
- new parameter for language
- able to work on many fields
- write date from datepicker

UPDATE:090430:
* made it work for multiple fields (thx to alex)
* fixed writeDate(), now it writes the same time as the timepicker