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" id="get_from_php" name="get_from_php" type="text" size="5" value="" />
<input class="countdown-timepicker mydate_time_minute" id="get_from_php" name="get_from_php" type="text" size="5" value="" />

JavaScript

jQuery(document).ready(function () {

    jQuery('.countdown-timepicker').datetimepicker({
        onSelect: function (dateText, inst) {
            var FullDate = new Date(dateText);
            //jQuery('.mydate_date_day').val(FullDate.getDate());
            jQuery('.mydate_date_year').val(FullDate.getFullYear());
            jQuery('.mydate_date_month').val(FullDate.getMonth());
            jQuery('.mydate_date_day').val(FullDate.getDay());
            jQuery('.mydate_time_hour').val(FullDate.getHours());
            jQuery('.mydate_time_minute').val(FullDate.getMinutes());
        }
    });
});