转自：
http://www.cnblogs.com/stone_w/archive/2012/11/22/2783044.html
注意：
如果系统是内部系统，也就是系统不能访问外网，那么一般需要将css和js文件下载下来，存放在应用本地，这个时候也需要下载jquery-ui.css等文件用到的图片资源，否则样式会有问题，一些小图标显示不出来。
<html>
<head>
<title></title>
<link type="text/css" href="http://code.jquery.com/ui/1.9.1/themes/smoothness/jquery-ui.css" rel="stylesheet" />
<link href="jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.css" type="text/css" />
<link href="jQuery-Timepicker-Addon/demos.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.min.js"></script>
<script src="jQuery-Timepicker-Addon/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
<!--中文-->
<script src="js/jquery.ui.datepicker-zh-CN.js.js" type="text/javascript" charset="gb2312"></script>
<script src="js/jquery-ui-timepicker-zh-CN.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(function () {
// 时间设置
jQuery('#time').datetimepicker({
timeFormat: "HH:mm:ss",
dateFormat: "yy-mm-dd"
});
});
</script>
</head>
<body>
<input id="time" type="text" />
</body>
</html>
分享到：
相关推荐
`jQuery-Timepicker-Addon`是一款强大的JavaScript时间选择器插件，它基于广泛使用的jQuery库，为用户提供了一个优雅、功能丰富的日期和时间选择界面。这款插件不仅支持基本的日期选择，还特别强调了分钟的选择，...
总结起来，"jquery时间控件时分秒"是基于jQuery的Timepicker插件，它提供了一个方便的、可定制的时间选择界面，使得用户能够轻松地输入或选择时间。通过理解和掌握这个插件的使用，开发者可以为自己的网站或应用增添...
标题中提到的"jquery jquery控件 时间控件 时分秒控件"，主要指的是那些允许用户以"2012-5-12 17:52:52"这种格式选择具体时间的插件。这种格式遵循ISO 8601标准，包含年、月、日、小时、分钟和秒。与"2012-5-22 00:...
基于jQuery UI的一款优秀的时间控件，可以自定义i18n信息哦（jquery-ui-timepicker-addon-i18n.js），引用全套（jquery-1.11.3.js;jquery-ui.js;jquery-ui-timepicker-addon.js;jquery-ui-timepicker-addon-i18n.js;...
"jquery-ui-timepicker-addon.js"就是这样一个插件，它扩展了jQuery UI，为日期选择器添加了时间选择功能，使用户能够更方便地选择和输入时间。 "jquery-ui-timepicker-addon.js"是基于jQuery UI的，因此首先你需要...
在本案例中，我们讨论的是一个基于jQueryUI的特定组件——"jquery带时分秒的时间控件"。 时间控件是网页应用中常见的一种元素，用于用户选择或输入时间。在传统的HTML表单中，时间选择通常需要用户手动输入小时、...
JS日期控件（橙色）,亲试可用 <!DOCTYPE html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Timepicker Demo <link type="text/css" href="css/jquery-ui-1.8.17.custom....
在这个特定的情况下，我们讨论的是一个名为"jquery-ui-timepicker-addon"的插件，它是jQuery UI库的一个扩展，专门用于添加时间选择功能到原有的日历组件中，从而实现精确到秒的日期和时间选择。 jQuery UI是一个...
<script src="./public/js/jquery-ui-timepicker-addon.js"> $( "#datetimepicker" ).datetimepicker({dateFormat:"yy-mm-dd",timeFormat:"HH:mm:ss",regional:$.datepicker.regional['zh-CN']});
这个插件的名称为"jQuery UI Timepicker Addon"，从压缩包文件名`jquery-ui-timepicker-addon-0.5.js`和`jquery-ui-timepicker-addon-0.5.min.js`可以看出，这是该插件的0.5版本。`jquery-ui-timepicker-addon-0.5....
2. **时间选择器（Timepicker）**：虽然 jQuery UI 自带的 Datepicker 不包含时间选择功能，但社区中存在许多扩展插件，如 Timepicker Addon，它可以与 Datepicker 结合，提供时间选择功能。这些插件通常支持多种...
在某些应用场景中，我们可能需要同时选择日期和时间，这时jQuery UI的日期选择器就可以通过一些定制来实现这一功能。标题"jQuery ui带时间的日期选择器代码"所指的就是如何在jQuery UI的日期选择器基础上添加时间...
对于时间控件的需求，jQuery提供了多种插件和方法来实现。 首先，我们要了解一个基本概念：时间选择器（Time Picker）。时间选择器是网页应用中常见的一种交互元素，允许用户以直观的方式选择时间，通常与日期选择...
7. **jQuery-Timepicker-Addon**：文件名中的"jQuery-Timepicker-Addon"表明这个控件基于jQuery库。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画效果，使得构建此类交互组件更为简便。 综...
本主题将深入探讨jQuery中的时间控件和日期控件，这些组件在创建交互式用户界面时非常有用，特别是在处理表单输入或日历功能时。 1. **jQuery UI Datepicker** jQuery UI 提供了一个名为 "Datepicker" 的插件，它...
<script src="jquery-ui-timepicker-addon.js"> $(function() { $("#datetime").datepicker({ changeMonth: true, changeYear: true, timeFormat: 'hh:mm:ss', showTime: true }); }); ``` 在这...
同时，通过`jquery-ui-1.10.4.custom.min.js`和`jquery-ui-timepicker-addon.js`等文件，可以让日期选择器增加时间选择的功能，允许用户选择时间到分钟。 #### 3. 时间控件的实现 实现带时间的日期控件，需要使用到...
而“jQuery日期时间选择控件”则是在这个基础上，为用户界面提供了一个方便、美观的方式来选取日期和时间，提高了用户体验。这类控件通常会以日历和时钟的图形界面形式出现，允许用户通过点击或滚动来选择特定的日期...
1. 下载 jQuery-Timepicker-Addon 代码库，其中包含 JavaScript 文件 `jquery.ui.timepicker.js` 和可选的 CSS 文件 `timepicker.css`。 2. 在页面中引入这些文件，通常放置在 `<head>` 标签内： ```html ...