DateTimePicker

Dividing Input Fields from

HTML

<link rel="stylesheet" href="http://jsfiddle.net/Sgvuv/1/jquery-ui-timepicker-addon.css">
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.10.1/jquery-ui.js"></script>
<script src="http://www.narshagreen.com/jquery-ui-timepicker-addon.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css">
</br><small>Input the date to count</small></br>
<input class="countdown-timepicker mydate_date_year" id="get_from_php" name="get_from_php" type="text" size="5" value="" />
<input class="countdown-timepicker mydate_date_month" id="get_from_php" name="get_from_php" type="text" size="5" value="" />
<input class="countdown-timepicker mydate_date_day" id="get_from_php" name="get_from_php" type="text" size="5" value="" />
</br><small>The Time</small></br>
<input class="countdown-timepicker mydate_time_hour time_alt" id="get_from_php" name="get_from_php" type="text" size="10" value="" />

JavaScript

jQuery(document).ready(function() {

						jQuery('.countdown-timepicker').datetimepicker({
							altField: ".time_alt",
							 onSelect: function(dateText, inst) {
									var pieces = dateText.split('/');
									alert(pieces[0]);
									alert(pieces[1]);
									alert(pieces[2]);
									jQuery('.mydate_date_day').val(pieces[0]);
									jQuery('.mydate_date_month').val(pieces[1]);
									jQuery('.mydate_date_year').val(pieces[2]);
								}
						});
					});