DateTimePicker時間控件：

http://xdsoft.net/jqplugins/datetimepicker/

可以參考文檔設置各種屬性，格式。

用法：

首先下載datetimepicker-master。

1.頁面引入css，js文件（注意要放到body之后）：

<!-- this should go after your </body> -->
<link rel="stylesheet" type="text/css"
    href="/microshop-settlement-server/resources/datetimepicker-master/jquery.datetimepicker.css" />
<script
    src="/microshop-settlement-server/resources/datetimepicker-master/jquery.js"></script>
<script
    src="/microshop-settlement-server/resources/datetimepicker-master/build/jquery.datetimepicker.full.min.js"></script>

2.點擊文本框彈出日歷選項：

Html：

<input  id="datetimepicker" type="text" name="createTime" value="<fmt:formatDate pattern="yyyy-MM-dd HH:mm:ss" value="${createTime }"/>" maxlength="20"/>

這里用到了jsp el標簽fmt：所以頁面要先引入：

<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>

JavaScript：

<script type="text/javascript">
    jQuery('#datetimepicker').datetimepicker({
        format:'Y-m-d H:i:s'      //這是設置日歷格式
    });
</script>

http://php.net/manual/ru/function.date.php（時間格式可以參考這個，如2009-01-01 10:00:01）

3.目錄結構：

4.demo預覽：