您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 其他代码 >

    js多皮肤网页日期控件

    时间:2014-06-30 18:06 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印
    效果预览 进入下载地址列表

    js多皮肤网页日期控件js多皮肤网页日期控件是一款拥有7款皮肤随意更换,原生js编写,不依赖任何框架,代码调用简单,兼容了包括IE6在内的所有主流浏览器。js网页控件多皮肤日期控件


    <script>
    !function(){
    laydate.skin('molv');//切换皮肤,请查看skins下面皮肤库
    laydate({elem: '#demo'});//绑定元素
    }();
    //日期范围限制
    var start = {
        elem: '#start',
        format: 'YYYY-MM-DD',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16', //最大日期
        istime: true,
        istoday: false,
        choose: function(datas){
             end.min = datas; //开始日选好后,重置结束日的最小日期
             end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY-MM-DD',
        min: laydate.now(),
        max: '2099-06-16',
        istime: true,
        istoday: false,
        choose: function(datas){
            start.max = datas; //结束日选好后,充值开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);
    //自定义日期格式
    laydate({
        elem: '#test1',
        format: 'YYYY年MM月DD日',
        festival: true, //显示节日
        choose: function(datas){ //选择日期完毕的回调
            alert('得到:'+datas);
        }
    });
    //日期范围限定在昨天到明天
    laydate({
        elem: '#hello3',
        min: laydate.now(-1), //-1代表昨天,-2代表前天,以此类推
        max: laydate.now(+1) //+1代表明天,+2代表后天,以此类推
    });
    </script>

    js多皮肤网页日期控件由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/qitadaima/9743.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!