jQuery UI Datepicker只能对日期（年月日）进行选择，无法对时间（时分秒）操作，我们可以选择使用别的插件例如My97DatePicker，但也有人为此开发了插件。

可以搜索下载jquery-ui-timepicker-addon，或在官网下载。

官网：http://trentrichardson.com/examples/timepicker/

演示：http://www.helloweba.com/demo/timepicker/

jQuery-UI Datepicker参数：http://blog.csdn.net/hliq5399/article/details/22406989

http://www.bootcss.com/p/bootstrap-datetimepicker/

首先要设置好jQuery UI Datepicker，即调入jq、jqui、css。

然后需要添加的内容如下：

一、下载Timepicker Addon文件包含到页面中，也有中文补丁的js哦。

二、添加下面样式（也可以添加到jQuery UI Datepicker所需的样式文件末尾）

.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }

datetimepicker：jquery.ui.datepicker <wbr>添加时分秒

$("#datetime").datetimepicker(); // 日期+时分秒  

$("#datetime").datepicker(); // 日期  

$("#datetime").timepicker(); // 时分秒

四、用法举例:

$('#example1').datetimepicker();

$('#example2').datetimepicker({
	monthNamesShort: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"],  // 区域化月名为中文  
	prevText: '上月',         // 前选按钮提示  
	nextText: '下月',         // 后选按钮提示  
	changeYear: true,          // 年下拉菜单  
	changeMonth: true,             // 月下拉菜单  
	showButtonPanel: true,         // 显示按钮面板  
	showMonthAfterYear: true,  // 月份显示在年后面  
	currentText: "本月",         // 当前日期按钮提示文字  
	closeText: "关闭",           // 关闭按钮提示文字
	showSecond: true, //显示秒
	timeFormat: 'HH:mm:ss’,//格式化时间，HH为24小时制，hh为12小时制
	stepHour: 2,//设置步长
	stepMinute: 10,
	stepSecond: 10
});

//设置是否显示时分秒
Show Seconds, Minutes, or Hours
showHour     Show the hour, default=true
showMinute   Show the minute, default=true
showSecond   Show the second, default=false
//设置时分秒步长
stepHour     hour steps, default=1
stepMinute   minute steps, default=1
stepSecond   second steps, default=1

中文补丁：

jQuery(function ($) {
    $.datepicker.regional['zh-CN'] = {
        closeText: '关闭',
        prevText: '<上月',
        nextText: '下月>',
        currentText: '今天',
        monthNames: ['一月', '二月', '三月', '四月', '五月', '六月',
                '七月', '八月', '九月', '十月', '十一月', '十二月'],
        monthNamesShort: ['一', '二', '三', '四', '五', '六',
                '七', '八', '九', '十', '十一', '十二'],
        dayNames: ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'],
        dayNamesShort: ['周日', '周一', '周二', '周三', '周四', '周五', '周六'],
        dayNamesMin: ['日', '一', '二', '三', '四', '五', '六'],
        weekHeader: '周',
        dateFormat: 'yy-mm-dd',
        firstDay: 1,
        isRTL: false,
        showMonthAfterYear: true,
        yearSuffix: '年'
    };
    $.datepicker.setDefaults($.datepicker.regional['zh-CN']);
});

(function($) {
	$.timepicker.regional['zh-CN'] = {
		timeOnlyTitle: '选择时间',
		timeText: '时间',
		hourText: '小时',
		minuteText: '分钟',
		secondText: '秒钟',
		millisecText: '微秒',
		timezoneText: '时区',
		currentText: '现在时间',
		closeText: '关闭',
		timeFormat: 'HH:mm',
		amNames: ['AM', 'A'],
		pmNames: ['PM', 'P'],
		isRTL: false
	};
	$.timepicker.setDefaults($.timepicker.regional['zh-CN']);
})(jQuery);