/jquery-time20151120/zjdaima-bg-1943688684.png)
使用方法
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link type="text/css" href="jquery-ui-1.8.16.custom.css"
rel="stylesheet" />
<script language="javascript" type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script language="javascript" type="text/javascript" src="jquery.ui.datepicker-zh-CN.js"></script>
<script type="text/javascript">
$(function(){
$("#time").datetimepicker({
changeYear : true,
changeMonth : true,
showSecond : true,
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd',
stepHour : 1,
stepMinute : 1,
stepSecond : 1
});
});
</script>
</head>
<body>
<form>
<input type="text" id="time" />
</form>
</body>
</html>
<input type="text" id="onlySelectDate" /></br>
<input type="text" id="onlySelectTime" /></br>
<input type="text" id="selectDateTime" />
js
$("#onlySelectDate").datepicker({
changeYear : true,
changeMonth : true,
showSecond : true,
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd' , //加上下面这行禁选当天之前的日期
minDate:new Date(), // 加上下面这行禁选当天之后的日期
maxDate:new Date()
});
只能选取时间
$("#onlySelectTime").timepicker({
changeYear : true,
changeMonth : true,
showSecond : true,
timeFormat : 'hh:mm:ss',
dateFormat : 'yy-mm-dd'
});