layDate是一款功能强大的开源插件,首先感受一下界面:
插件效果图
layDate包含:日期范围限制、开始日期设定、自定义日期格式、时间戳转换、当天的前后若干天返回、时分秒选择、智能响应、自动纠错、节日识别,快捷键操作等功能。
下面详细介绍一下如何使用:
下载官网(http://sentsin.com/layui/laydate/)上的压缩包,解压后只需要复制laydate文件夹到你的项目中;
在前端页面引入 <script type="text/javascript" src="js/laydate/laydate.js"></script>
在页面添加:
<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()">
-
<input name="endDate" value='<s:property value="#endDate"/>' class="diyige endDate" onclick="laydate()">