jQuery日期和时间插件（jquery-ui-timepicker-addon.js）

最新推荐文章于 2024-03-14 11:54:35 发布

菜鸟小窝

最新推荐文章于 2024-03-14 11:54:35 发布

阅读量1k

点赞数

分类专栏： Web前端

本文链接：https://blog.csdn.net/qq_25775675/article/details/107559022

版权

Web前端专栏收录该内容

27 篇文章 2 订阅

订阅专栏

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

在这里插入图片描述

参考：
https://www.cnblogs.com/vipstone/archive/2012/11/22/2783044.html

这篇博客介绍比较详细
https://blog.csdn.net/qq_39762120/article/details/86536716

菜鸟小窝

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
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-AddonDemo使用
复制链接

扫一扫