Jquery datetimepicker插件基本使用

这两天要做一个时间选择框，对于熟练的人来说可能很简单，但是对于我这种连jquery和js都分不清的人来说，难度还是大大的，我就在github上面找了几个插件，试了几个之后呢，发现了一个使用起来比较简便的，记录一下备忘。

此项目的git地址：https://github.com/xdan/datetimepicker

我的系统环境：LINUX

在项目主页，下载zip包，得到一个datetimepicker.zip的压缩文件，将文件解压到项目的静态文件目录里，解压后是一个名为datetimepicker-master的文件夹。
此目录机构如下：

我们要用到的东西就在build目录下，使用插件的时候要先引入相应的css和js文件，当然少不了jquery。

<link rel="stylesheet" type="text/css" href="static/path/datetimepicker-master/build/jquery.datetimepicker.min.css" />
<script src="jquery"></script>
<script scr="static/path/datetimepicker-master/build/jquery.datetimepicker.full.min.js"></script>

导入后就可以使用了，在html中我们先定义一个input输入框

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

然后调用datetimepicker插件:

$("#datetimepicker").datetimepicker();

这样就能使用了，使用默认设置，效果如下：

默认设置是英文的，使用起来略有不便，所以要进行汉化：

$.datetimepicker.setLocale('zh');

改变日期格式：

$("#datetimepicker").datetimepicker({
    format: 'Y-m-d H:i'
});

修改这两项设置后，效果如下：

这个插件的基本使用大概就是这样。