码迷,mamicode.com
首页 > 其他好文 > 详细

时间选择器.avi

时间:2017-07-22 11:07:13      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:javascrip   today   开始   自己   start   附件   trap   配置信息   时间   

由于前端的知识欠缺,所以真的很有必要去学习bootstrap  和  Jquary了

在这里分享一个时间选择器,附上源码 和配置信息,方便在制作表单或者菜单的时候调用。

如果自己不是前端大神的话,我觉得调用别人的东西,还是靠谱一点。

。。。。。。。。。。。。。。。。。。。。。。。

。。。。。。。。。。。。。

。。。。。。

。。。。。

 

写到这里突然发现博客园没办法分享附件,

好吧,我给个百度云链接。

 配置代码

<script type="text/javascript" src="/static/laydate/laydate.js"></script>
<script>
    // 时间插件
    laydate.skin(‘molv‘);
    var start = {
        elem: ‘#start_at‘,
        format: ‘YYYY/MM/DD hh:mm:ss‘,
        //min: laydate.now(-1), //设定最小日期为当前日期
        max: ‘2099-06-16 23:59:59‘, //最大日期
        istime: true, // 是否显示时间
        festival: true, //是否显示节日
        istoday: true,
        isclear: true, //是否显示清空
        choose: function(datas){
            end.min = datas; //开始日选好后,重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: ‘#end_at‘,
        format: ‘YYYY/MM/DD hh:mm:ss‘,
        //min: laydate.now(),
        max: ‘2099-06-16 23:59:59‘,
        istime: true, // 是否显示时间
        festival: true, //是否显示节日
        istoday: true,
        isclear: true, //是否显示清空
        choose: function(datas){
            start.max = datas; //结束日选好后,重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
</script>

效果图片:可以精确到秒哦~

技术分享

 

时间选择器.avi

标签:javascrip   today   开始   自己   start   附件   trap   配置信息   时间   

原文地址:http://www.cnblogs.com/zhengweizhao/p/7220401.html

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