码迷,mamicode.com
首页 > Web开发 > 详细

js 日期控件laydate使用

时间:2016-05-19 13:14:40      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:

 

官网  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(){
    //定义获取到日期后的操作...
};

js 日期控件laydate使用

标签:

原文地址:http://www.cnblogs.com/wenhainan/p/5508265.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!