所需js和CSS文件下载地址：http://download.csdn.net/detail/softwave/4439849
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui.css"/>
<link rel="stylesheet" media="all" type="text/css" href="css/jquery-ui-timepicker-addon.css"/>
<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="js/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-zh-CN.js"></script>
<script type="text/javascript">
$(function(){
$('#example').timepicker({});
});
</script>
<style type="text/css">
#ui-datepicker-div, .ui-datepicker{ font-size: 80%; }
</style>
</head>
<body>
<input type="text" name="example" id="example" value="" />
</body>
</html>
其中jquery-ui-timepicker-zh-CN.js是汉化文件
最终效果与下图类似。
项目地址：http://trentrichardson.com/examples/timepicker/
Github：http://github.com/trentrichardson/jQuery-Timepicker-Addon
分享到：
相关推荐
**jQuery Datepicker 知识详解** jQuery UI 是一个强大的用户界面库，其中包含了许多实用的组件，其中之一就是日期选择器（Datepicker）。本篇文章将深入探讨这个功能丰富的日期控件，帮助你更好地理解和运用它。 ...
《jQuery UI Datepicker 日期选择器详解》 在网页开发中，日期选择器是一个非常常见的功能，用于方便用户输入或选择日期。jQuery UI中的Datepicker是实现这一功能的强大工具，它以其灵活性、易用性和良好的跨浏览器...
**jQuery时间日期picker控件详解** 在Web开发中，用户界面的交互性和用户体验至关重要，而日期选择器（DatePicker）作为常见的交互元素，被广泛应用于表单填写、日程管理等场景。jQuery时间日期picker控件是一款...
《jQuery UI中的Datepicker插件实现日期控件详解》 在网页开发中，日期选择控件是不可或缺的一部分，它能够方便用户输入或选择日期，提高交互体验。jQuery UI库提供了一个强大的Datepicker插件，使得创建这样的控件...
### jQuery UI 中 Datepicker 控件使用详解 #### 一、简介与基本使用 **Datepicker** 是 jQuery UI 提供的一个非常实用的日期选择插件，它可以帮助开发者轻松地在网页上添加日期选择功能。要使用 Datepicker，首先...
《jQuery UI Datepicker全主题详解》 在网页开发中，日期选择器是一个常见的交互元素，它使得用户能够方便地输入或选择日期。jQuery UI库中的Datepicker组件是此类功能的一个强大实现，它提供了丰富的功能和多样的...
**jQuery UI Datepicker 插件详解** jQuery UI 是一个基于 jQuery 的强大且可自定义的用户界面库，其中包含了许多方便的功能组件，如日期选择器（Datepicker）。这个插件提供了一个直观、易于使用的日历控件，允许...
**jQuery时间控件详解** 在Web开发中，用户界面的交互性和用户体验往往直接影响到网站或应用的质量。时间控件作为用户界面的一个重要组成部分，能够帮助用户方便地选择和输入日期与时间，提升操作效率。jQuery作为...
《jQuery Datepicker：超牛日历显示控件的深度解析》 在Web开发中，日期选择器是一个不可或缺的组件，它极大地提升了用户交互体验。jQuery UI中的Datepicker控件就是一个非常强大且灵活的日历插件，它能轻松满足...
jQuery，作为一个广泛使用的JavaScript库，为开发者提供了丰富的API和插件，其中就包括了时间控件。 jQuery时间控件允许用户在网页上轻松选择日期或时间，通常表现为日历弹窗或者下拉框的形式，极大地简化了用户...
《jQuery日历控件详解与应用》 在Web开发中，日期选择器是不可或缺的元素，它能够方便用户选择日期，提升用户体验。jQuery作为一个强大的JavaScript库，提供了丰富的插件来实现这一功能。本文将深入探讨jQuery日历...
### JQuery日期插件datepicker的使用方法 #### 引言 JQuery是一个非常优秀的JavaScript脚本框架，它支持丰富的用户界面控件。datepicker是JQuery UI库中用于日期选择的组件，能够使用户通过图形界面方便地选择日期...
**jQuery日历控件（JS日期拾取器）详解** 在网页开发中，日期选择功能是常见的需求之一，用户可能需要输入或者选择日期，如填写生日、预约日期等。jQuery作为一个广泛使用的JavaScript库，提供了丰富的插件来实现...
**jQuery日期控件详解** jQuery日期控件是前端开发中常用的一种组件，它极大地简化了网页上日期选择的实现过程，提供了丰富的自定义选项和友好的用户体验。在本篇文章中，我们将深入探讨jQuery日期控件的基本概念、...
jQuery DatePicker 是一个广泛使用的JavaScript日期选择器插件，它源自于jQuery UI库，为网页应用程序提供了优雅的日期输入控件。这个插件使得用户能够方便地选择日期，同时提供了丰富的自定义选项和国际化支持，以...
《JS控件Bootstrap Datepicker深度解析与应用》 Bootstrap Datepicker是一款基于JavaScript的日期选择插件，它在Bootstrap框架的基础上提供了美观且功能丰富的日期选择功能。本文将详细讲解如何在项目中配置和使用...
**jQuery控件集合详解** jQuery，作为一款轻量级、高性能的JavaScript库，极大地简化了JavaScript的DOM操作，使得网页动态交互变得更加简单。本压缩包中的"Jquery控件集合"是一个包含各种实用jQuery插件和UI组件的...
总的来说，My97DatePicker是一款强大且灵活的时间控件，无论是在简单的网页表单还是复杂的Web应用中，都能提供优秀的日期选择体验。开发者可以根据项目需求，利用其丰富的功能和自定义选项，打造出满足用户需求的...
**jQuery EasyUI与My97DatePicker Beta：JS库与API详解** jQuery EasyUI是一个基于jQuery的前端框架，它提供了一套完整的用户界面组件，帮助开发者快速构建交互式的Web应用程序。这个框架大大简化了HTML页面的样式...