DateTimePicker简介

DateTimePicker是基于JQuery的时间日期选择插件。使用DateTimePicker插件可以在网页表单中添加一个datetimepicker，datepicker或timepicker下拉菜单。此插件提供丰富的自定义选项，便于对日期时间选择器进行个性化设置。

如何使用DateTimePicker

下载DateTimePicker软件包，并在html中引用css和js文件

将CSS 文件以 <link> 标签的形式添加到 <head> 标签中

<link rel="stylesheet" type="text/css" href="/jquery.datetimepicker.css"/ >

DateTimePicker组件依赖jQuery。将以下代码放到页面尾部且在 </body> 标签之前即可起作用。注意jQuery需要在DateTimePicker之前引用。

<script src="/jquery.js"></script>
<script src="/build/jquery.datetimepicker.full.min.js"></script>

简单的初始化DateTimePicker示例，在html中分别加入以下html和js代码

HTML

<input id="datetimepicker" type="text" >

javaScript

$('#datetimepicker').datetimepicker();

效果(点击下方输入框的空白处)