jQuery日历展示,选取时间控件(原创)

所属分类:输入-日期和时间

 32292  275  查看评论 (8)
分享到微信朋友圈
X
jQuery日历展示,选取时间控件(原创) ie兼容12

发布时间:2018-12-27 9:34

使用方法

引用css文件:

<link rel="stylesheet" href="css/rili.css" />

引用js文件:

<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/rili.js"></script>

1.日历控件调用  在 input 添加 

 data-xswType='xsw_prickDate';

如:

<input  data-xswType='xsw_prickDate' />

2.日历显示插件,创建个div,定义ID,调用如下方法,date回调方法监听点击日期

如:

$('#pageRiLI').rili({
    date:function(res){
        console.log('选中时间:',res)
    }
});
相关插件-日期和时间

jquery日历控件datePicker

jquery.datePicker日历控件应用text文本框弹出日历表与默认显示日历表
  日期和时间
 57549  339

jQuery移动端时间插件

手机上选择机票的时间插件
  日期和时间
 42654  322

jQuery扁平化多色时间日历插件ECalendar

基于jQuery开发的CSS3时间日历插件,高效好用,日期时间选择一气呵成。
  日期和时间
 46760  464

jquery 圆形进度式倒计时

jquery 圆形进度式倒计时
  日期和时间
 37680  312

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    …… 0
    2019/3/7 13:30:58
    为什么放在jsp页面里无效?
        中二的到来0
        2019/4/27 21:16:52
        这个是js,跟放在什么语言没什么关系,可能是你没引入什么js,或者初始化有问题吧....你可以看看console控制台有没有错误
    回复
    ?? 0
    2019/3/4 14:42:45
    这个可以加上时分秒吗?如果可以怎么加? 回复
    ?? 0
    2018/12/28 0:35:20
    不兼容IE6
        倾河0
        2019/1/24 10:31:26
        现在都不主动兼容了
    回复
    打小村里人就说我帅 0
    2018/12/27 10:10:24
    $('#pageRiLI').rili({
       date:function(res){
           console.log('选中时间:',res)
       }
    });

    简单易懂

        你可真有趣.0
        2018/12/27 19:38:41
        挺好的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复