1.引入相關js

<link rel="stylesheet" type="text/css" href="/js/easyui/themes/default/easyui.css"/>
<link rel="stylesheet" type="text/css" href="/js/easyui/themes/icon.css"/>
<script type="text/javascript" src="/js/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/easyui/locale/easyui-lang-zh_CN.js"></script>

2.調用方法

<input  class="easyui-datetimebox" editable="false" type="text" name="startDate" id="startDate" value="${startDate}"/>

錯誤寫法

<input  class="easyui-datetimebox" editable="false" type="text" name="startDate" id="startDate" value="${startDate}" readonly/>

說明：  1.editable="false" 表示時間框不可以編輯；

　　　　2.readonly取消掉，日期框正常顯示