timePicker插件显示年月日时分，并让之默认显示当前时间

最新推荐文章于 2024-09-13 22:17:37 发布

水中残月

最新推荐文章于 2024-09-13 22:17:37 发布

阅读量1w

点赞数

分类专栏： HTML5

本文链接：https://blog.csdn.net/sonnylight/article/details/52608286

版权

这个博客展示了如何使用jQuery UI库创建一个显示年月日时分的时间选择器，并使其默认显示当前时间。通过引入相关CSS和JS文件，设置HTML元素，以及应用jQuery代码来初始化时间选择器并聚焦触发当前时间显示。

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

<pre name="code" class="html"><!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>时间选择器</title>
  <link rel="stylesheet" href="timepicker/jquery-ui.min.css">
  <script src="http://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
  <script src="http://apps.bdimg.com/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
  <script src="timepicker/jquery.ui.datepicker-zh-CN.js"></script>
  <script src="timepicker/jquery-ui-timepicker-addon.js"></script>
<style>
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }  
.ui-timepicker-div dl { text-align: left; }  
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }  
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }  
.ui-timepicker-div td { f