js 日期控件laydate使用

官網  http://sentsin.com/layui/laydate/

1. 下載官網上的壓縮包,解壓后只需要復制laydate 文件夾到你的項目中;

2. 在頁面引入  <script type="text/javascript" src="js/laydate/laydate.js"></script>

3. 在頁面添加: 

<div class="inline layinput">
 <input placeholder="YYYY-MM-DD hh:mm:ss" onclick="laydate({istime: true, format: 'YYYY-MM-DD '})">
 <label class="laydate-icon"></label>
</div>

4. 設置回調函數;

<input name="beginDate" value='<s:property value="#beginDate"/>' class="diyige beginDate" onclick="laydate({choose:beginDateCallBack})"> - <input name="endDate" value='<s:property value="#endDate"/>' class="diyige endDate" onclick="laydate({choose:endDateCallBack})"> 

function beginDateCallBack(){
    //定義獲取到日期后的操作...
};