时间控件jquery timepicker

jquery timepicker 支持时分秒的设置

配置年月日显示格式 jquery-1.3.2.min.js   dateFormat:"yy-mm-dd"

 

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
	<title>Timepicker Example Page</title>
	<link type="text/css" href="css/ui-lightness/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
	<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
	<script type="text/javascript" src="js/timepicker.js"></script>
</head>
<body>

<script type="text/javascript">
$(function() {
    $('#datetime').datepicker({
    	duration: '',
        showTime: true,
        constrainInput: false
     });
});
</script>

<style type="text/css">
	body{ font: 80% "Trebuchet MS", sans-serif; margin: 50px;}
</style>

<p><input type="text" name="datetime" id="datetime" value="2009-12-03" readonly ></p>

</body>
</html>

  

你可能感兴趣的:(JavaScript,html,jquery,UI,css)