转自:
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插件jquery-ui-timepicker-addon.j
jQuery-Timepicker-Addon-master(jquery 日历时间)
日期组件时分秒 默认时间格式为 "2013-12-25 00:00:00",jQuery-timepicker内有demo的,一看边知道怎么用了
jQuery UI Datepicker日期选择插件很好用,但是不满意的是不能精确到时分秒,而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。 使用方法: 1.把下载的文件包含到页面里面 2....
jQuery-Timepicker-Addon-master,改进了jquery自带的datepicker,官网:http://trentrichardson.com/examples/timepicker/ 方便好使,内包含一个已经实现了效果的demo方便对照使用
前端项目-jquery-ui-timepicker-addon,TimePicker插件将TimePicker添加到jQueryUI日期选取器中,因此使用任何一个日期选取器和滑块组件(jQueryUI)都是必需的。此外,所有datepicker选项仍然可以通过TimePicker插件...
带分钟的js时间控件jQuery-Timepicker-Addon,点击可以显示日期,时,分都可以选择
有具体Demo注:jQuery-1.9.1.js下不可用,请慎重下载
jQuery-Timepicker-Addon-v1.0.0-0-
jquery-ui-timepicker-addon.css jquery-ui-timepicker-addon.js jquery-ui-timepicker-zh-CN.js
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"> jquery-ui-timepicker-addon.js 原包中的文件 <link type="text/css" href="css/ui-lightness/jquery-ui-1.8.16.custom.css" rel=...
@author 李凯飞 描述:选择时间组件,先选择小时再选择分钟,只支持00-23小时、00-05-10...50-55分钟。回调函数的e为源对象。 示例如下: 1 2 3 4 5 $('.time-picker').hunterTimePicker({ callback: function(e...
时间选择器,只有小时和分钟的选择,几行代码就可以调用,简单易用
jquery-ui-日期框扩展成时间框 jquery-ui时间框 基于别人的代码进行修改 jquery-ui-1.8.16.custom.css文件末尾加入以下代码 ...<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
1. 下载jquery-ui-timepicker-addon.js ,并在页面加载 2. 页面添加如下 timepicker 的样式即可 复制代码 代码如下:.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-...
NULL 博文链接:https://free0007.iteye.com/blog/2080588
最新jquery-ui-1.11.2日期控件,官网下载内涵图片和自己添加的中文辅助jquery-ui-timepicker-zh-CN.js,经过本人测试绝对可以用,不知道怎么用的百度上找个例子即可,需要导入的包 ${ctx}/plugins/jquery-ui-1.11.2/...
wxapp-timePicker-master日期(起止)选择器组件
jQuery Timepicker插件 关于 该项目不再得到积极维护。 不幸的是,我不再在新项目上使用jQuery和jQueryUI。 jQuery Timepicker Addon... 包括位于dist目录或CDN中的timepicker-addon脚本和CSS: 现在将timepicker与$
适用于jQuery的Clock Timepicker插件 一个免费的jQuery插件,用于根据Android时间选择器的启发来选择带有时钟的时间。 此插件可在台式机和手机上使用。 要求 安装 从作为jquery-clock-timepicker 。 npm install ...