1.下载时间选择插件js和css文件
地址:http://trentrichardson.com/examples/timepicker/
下载地址:
http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.js
http://trentrichardson.com/examples/timepicker/jquery-ui-timepicker-addon.css
2.页面中添加jquery及jquery ui相关js和css
<link href="js/css/start/jquery-ui-1.10.1.custom.css" rel="stylesheet"></link>
<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.10.1.js"></script>
<script type="text/javascript" src="js/jquery.ui.datepicker-zh-CN.js"></script>
<script type="text/javascript" src="js/jquery-ui-timepicker-addon.js"></script>
<link rel="stylesheet" href="js/css/jquery-ui-timepicker-addon.css" type="text/css">
jquery.ui.datepicker-zh-CN.js为日期控件国际化中文资源文件
3.设置对应的日期控件相关参数
$( "#startDatepicker" ).datetimepicker({
changeYear: true,
regional:"zh-CN",
dateFormat:"yy-mm-dd",
timeFormat: "HH:mm:ss"
});
$( "#endDatepicker" ).datetimepicker({
changeYear: true,
regional:"zh-CN",
dateFormat:"yy-mm-dd",
timeFormat: "HH:mm:ss"
});
4.效果图
- 大小: 17.5 KB
分享到:
相关推荐
jquery-ui jquery控件 jquery时间控件 js时间控件
JqueryUI的日期控件 !!!!!
jqueryUI日期控件和时间控件-附件资源
jquery_ui日历控件,简单好看,实用。
基于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;...
详情见: http://blog.csdn.net/ghyg525/article/details/17612329
jquery.ui.core.js - JQuery UI核心 jquery.ui.datepicker.js - Datepicker jquery.ui.datepicker-zh-CN.js - 本地化文件 jquery-1.6.2.min.js - JQuery1.6.2 jquery-ui-1.8.16.custom.css - 样式
JQueryUI,EasyUI一些控件的使用,表单,tab切换,样式切换等
jQuery UI[1] 是以 jQuery 为基础的开源 JavaScript 网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序.
jquery-ui——时间控件-显示日期&星期几,修改了一下jquery ui的源码,可以选择日期,然后在日期后面加上星期几,例如:选择“2014-08-02”会显示“2014-08-02 星期六”用法跟jquery ui方法一样
一个jQuery UI时间选择器
jQuery_UI控件
网站常用jquery效果 jquery控件 包括 日历控件、tab控件、进度调、对话框、窗口弹出等效果 /jquery-ui-1.8.4.custom/development-bundle/demos/index.html 从这里进入
jqueryUI控件,非常好的扁平化设计
jquery的日历控件,小巧方便 简单易用,只需一句话就可以完成复杂的日历控件调用 $('#datepicker').datepicker()。 内置开发版本,和各种ui控件,喜欢的朋友可以拿去研究
无论您是创建高度交互的 Web 应用程序还是仅仅向窗体控件添加一个日期选择器,jQuery UI 都是一个完美的选择。 jQuery UI 包含了许多维持状态的小部件(Widget),因此,它与典型的 jQuery 插件使用模式略有不同。...
jQuery UI实际上是jQuery插件,专指由jQuery官方维护的UI方向的插件 jQuery UI 与 jquery 的主要区别是: (1) jQuery是一个js库,主要提供的功能是选择器,属性修改和事件绑定等等。 (2) jQuery UI则是在jQuery的...
jQuery UI Multiselect是一个Web UI控件,它将html multiple select inputs转换成一个更直关、更易于操作的多选控件。支持全选添加和删除操作。
jQuery UI是一套基于jquery构建具有皮肤更换功能的UI控件和鼠标交互组件。用于帮助开发人员构建具有良好用户体验的Web应用程序。交互组件包括 drag/dropping、sorting、selecting和resizing等。基于这些核心交互组件...