专栏首页王磊的博客jQuery日期和时间插件(jquery-ui-timepicker-addon.js)中文破解版使用

jQuery日期和时间插件(jquery-ui-timepicker-addon.js)中文破解版使用

简介

jQuery UI Datepicker日期选择插件很好用了,只不过只能精确到日,不能选择时间(小时分钟秒)很遗憾,而jquery-ui-timepicker-addon.js正是基于jQuery UI Datepicker的一款可选时间的插件。

官网地址:http://trentrichardson.com/examples/timepicker/

官网demo下载:https://github.com/trentrichardson/jQuery-Timepicker-Addon

插件效果图:

Demo使用

<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>

项目预览图:

demo代码下载:http://pan.baidu.com/share/link?shareid=125342&uk=590309421

结束

祝:大家每天开心幸福~

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • Asp.Net使用Yahoo.Yui.Compressor.dll压缩Js|Css

    网上压缩css和js工具很多,但在我们的系统中总有特殊的地方。也许你会觉得用第三方的压缩工具很麻烦。我就遇到了这样问题,我不想在本地压缩,只想更新到服务器上去压...

    Java中文社群_老王
  • Asp.Net回车键触发Button的OnClick事件解决方案

    在aspx页面有textbox文本框,还有三个button按钮。启用textbox的TextChanged事件和button的click事件。 问题: 现在在t...

    Java中文社群_老王
  • Node出错导致运行崩溃的解决方案

    许多人都有这样一种映像,NodeJS比较快; 但是因为其是单线程,所以它不稳定,有点不安全,不适合处理复杂业务; 它比较适合对并发要求比较高,而且简单的业务场景...

    Java中文社群_老王
  • jQuery打造智能提示插件二(可编辑下拉框)

    在上一篇 jQuery打造智能提示插件 上改进,增加下拉按钮,修复点击下拉区域外不隐藏BUG 效果 ? js封装,注意红色部分为BUG修复,然后传入boxwid...

    欢醉
  • ECSHOP整合百度ueditor编辑器方法 支持远程图片本地化

    image.png ECSHOP商城自带的编辑器实在是不能忍,太难用了。 就换成了百度的ueditor编辑器,本来最近修改了几个商城的,索性自己也记录一次吧。 ...

    速企云
  • Vue.js如何写一个简单的原生js模块,浏览器中的表现如何?

    浏览器正在逐步的支持原生JavaScript模块。Safari和Chrome的最新版本已经支持它们了,Firefox和Edge也将很快推出。

    笔阁
  • 用于 Windows8 的 Wijmo Charts 图表控件

    随着Windows 8 Developer Preview 和 Visual Studio 11 Preview的发布, 大家对Metro-style的关注也逐...

    葡萄城控件
  • jquery.countup实现数字滚动

    任我行RQ
  • Simditor富文本编辑器的调用

    简单、
  • 网站搭建-django-学习成绩管理-09-查询成绩之前端实现

    系统:Windows 7 语言版本:Anaconda3-4.3.0.1-Windows-x86_64 编辑器:pycharm-community-2016.3....

    zishendianxia

扫码关注云+社区

领取腾讯云代金券