jquery datepicker时间插件

最新推荐文章于 2024-05-17 13:52:13 发布

Ethan19

最新推荐文章于 2024-05-17 13:52:13 发布

阅读量808

点赞数

分类专栏： javascript js jquery 文章标签： javascript jquery 插件

本文链接：https://blog.csdn.net/Ethan19/article/details/41548649

版权

javascript 同时被 3 个专栏收录

7 篇文章 0 订阅

订阅专栏

6 篇文章 0 订阅

订阅专栏

jquery

6 篇文章 0 订阅

订阅专栏

刚刚在项目中引入datepicker时间插件，很好用，以前项目也用，不过不能精确到时分秒，现在加入他的拓展jquery-ui-timepicker-addon.js,很好用

github地址https://github.com/Ethan19/jQuery-Timepicker-Addon

引入4个文件，分别是两个js和两个css

<link href="jquery-ui-datepicker/jquery-ui-datepicker.css" rel="stylesheet" type="text/css" charset="UTF-8"/>
<link href="jquery-ui-datepicker/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" charset="UTF-8"/>
<script language="javascript" type="text/javascript" src="jquery-ui-datepicker/jquery-ui-datepicker.js"></script>
<script language="javascript" type="text/javascript" src="jquery-ui-datepicker/jquery-ui-timepicker-addon.js"></script>

使用datepicker插件

  <input name="from_time" type="text" id="from_time" value="{$info.ftime}" size="30" />
<script>
$(function() { 
$( "#from_time" ).datetimepicker();
});


</script>

如果是不需要精确到时分秒的直接使用datapicker()方法。