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

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

 37474  301  查看评论 (11)
分享到微信朋友圈
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时间选择

jqury日期选择,日历选择
  日期和时间
 69903  421

手写日期选择器

简单实用的js日期选择器
  日期和时间
 44300  304

选择生日,弹出框pc插件可直接输入,可上下移动,成功有回调

插件是非要弄成一样的效果,无奈写了1个,原创作品作者分享给大家看下
  日期和时间
 28308  297

zepto移动端时间选择插件

简单的移动端时间选择,去掉年显示,适合线上预定下单
  日期和时间
 53055  383

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

    张壮实 0
    2022/3/7 15:10:56
    张壮实 0
    2022/3/7 14:59:35
    支持日期范围限制嘛
        张壮实0
        2022/3/7 15:13:56
        暂时不支持
    回复
    …… 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
        挺好的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复