js时间控件插件

最新推荐文章于 2024-08-28 14:25:09 发布

飞翔的荷兰人

最新推荐文章于 2024-08-28 14:25:09 发布

阅读量1.7k

点赞数

分类专栏：代码片段文章标签： jquery 控件 datepicker

本文链接：https://blog.csdn.net/hjt321658/article/details/18849039

版权

本文介绍了三种基于jQuery的日期时间选择插件：bootstrap datetimepicker、lhgcore时间和jquery ui时间控件，提供了相关示例代码，并提供了下载链接。

摘要由CSDN通过智能技术生成

1.基于jquery框架的bootstrap datetimepicker

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>时间控件</title>
<link href="./stylesheet/css/bootstrap.css" rel="stylesheet" />
<link href="./stylesheet/css/DM.css" rel="stylesheet" />
<link href="./stylesheet/css/bootstrap-datetimepicker.min.css" rel="stylesheet" />
<script type="text/javascript" src="./stylesheet/js/jquery.min.js"></script>
<script type="text/javascript" src="./stylesheet/js/bootstrap-datetimepicker.min.js"></script>
<script type="text/javascript" src="./stylesheet/js/bootstrap-datetimepicker.zh-CN.js"></script>
</head>
<body>
<div class="G-event-content">
 <!--日期控件-->
 <div class="clearfix">
   <div class="form-group G-datetime">
     <label class="tit">选择开始时间：</label>
     <div class="input-group date form_date"   data-link-field="dtp_input1">
         <input class="form-control" size="16" type="text" pl