头像

多种用法的laydate日期时间选择插件【原创

来源:http://www.sucaihuo.com/js/3685 素材火管理员 2018-05-13 11:22浏览(161) 收藏

一款非常强大实用带有多种用法的laydate日期时间选择插件,包括有:常规用法、国际版、年选择器、年月选择器、时间选择器、日期范围、年范围、年月范围、时间范围、日期时间范围、墨绿主题、自定义颜色、格子主题。
多种用法的laydate日期时间选择插件
分类:日期时间 > 日期控件 难易:初级

程序员,你不是一个人;网站开发QQ群:436471830,在线充值,或联系QQ416148489直接充值

查看演示 下载资源: 5 下载资源 下载积分: 50 积分

js代码

<script src="laydate/laydate.js"></script>
    <script>
    lay('#version').html('-v'+ laydate.v);

    //执行一个laydate实例
    //常规用法
    laydate.render({
      elem: '#test1' //指定元素
    });
    //国际版
    laydate.render({
      elem: '#test1-1'
      ,lang: 'en'
    }); 
    //年选择器
    laydate.render({
      elem: '#test2'
      ,type: 'year'
    });
    //年月选择器
    laydate.render({
      elem: '#test3'
      ,type: 'month'
    });
    //时间选择器
    laydate.render({
      elem: '#test4'
      ,type: 'time'
    });
    //时间选择器
    laydate.render({
      elem: '#test5'
      ,type: 'datetime'
    });
    //日期范围
    laydate.render({
      elem: '#test6'
      ,range: true
    });
    //年范围
    laydate.render({
      elem: '#test7'
      ,type: 'year'
      ,range: true
    });
    //年月范围
    laydate.render({
      elem: '#test8'
      ,type: 'month'
      ,range: true
    });
    //时间范围
    laydate.render({
      elem: '#test9'
      ,type: 'time'
      ,range: true
    });
    //日期时间范围
    laydate.render({
      elem: '#test10'
      ,type: 'datetime'
      ,range: true
    }); 
    //墨绿主题
    laydate.render({
      elem: '#test29'
      ,theme: 'molv'
    });
    //自定义颜色
    laydate.render({
      elem: '#test30'
      ,theme: '#393D49'
    });
    //格子主题
    laydate.render({
      elem: '#test31'
      ,theme: 'grid'
    });

    </script>
声明:本文为原创文章,如需转载,请注明来源sucaihuo.com并保留原文链接:http://www.sucaihuo.com/js/3685.html
评论9
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 416148489

  • 头像 8楼
    05-23 14:32
    海***空
    很实用,下来研究一下~
  • 头像 7楼
    05-23 08:36
    崔***啊
    很好用的插件,留下来参考学习一下 很有用啊
  • 头像 6楼
    05-18 10:39
    Ch***ng
    这个怎么获得选取的时间啊
  • 头像 5楼
    05-14 10:40
    AJ***on
    很实用的插件,谢谢分享!
  • 头像 4楼
    05-14 10:30
    x-***in
    谢谢了 看着 就很棒的 一个
  • 头像 3楼
    05-14 09:25
    jj***nh
    很好用啊,正好需要,谢谢
  • 头像 板凳
    05-14 09:16
    心***扬
    非常好,不错,楼主好人……
  • 头像 椅子
    05-14 08:16
    en***37
    不错的laydate插件 学习用啦
  • 头像 沙发
    05-13 15:44
    yz***an
    很多时间控件的实用性非常的好,感谢分享
1 2