jQuery移动端日期选择插件kinerDatePicker.js

所属分类:输入-日期和时间,选择框

 53480  338  查看评论 (18)
分享到微信朋友圈
X
jQuery移动端日期选择插件kinerDatePicker.js ie兼容10

使用方法

html:

<div id="kinerDatePickerInput"  startYear="1950" default-val="1995-1-1">请选择出生年月日</div>
<button id="btn">获取</button>

js: 

$('#kinerDatePickerInput').kinerDatePicker({
    clickMaskHide: false,
    showHandler: function(ctx) {
        console.log("显示时间选择器:", ctx);
    },
    hideHandler: function(ctx) {
        console.log("隐藏时间选择器:", ctx);
    },
    changeHandler: function(vals, ctx) {
        console.log("时间改变:", vals, ctx);
    },
    okHandler: function(vals, ctx) {
        console.log("确定选择:", vals, ctx);
    },
    cancelHandler: function(ctx) {
        console.log("取消选择:", ctx);
    }
});

$('#btn').click(function() {
    console.log($('#kinerDatePickerInput').kinerDatePickerVal());
});
相关插件-日期和时间,选择框

简单实用纯JS日历,有详细的代码注释(兼容IE6)

实用纯JS日历,点最上方日期可跳转到当前日期,键盘空格可回到当前日期,键盘左右可控制月份翻页,鼠标滚轮可改变月份
  日期和时间
 48614  377

timeago.js自动将时间戳转换为更易读的时间轴

timeago.js是一款基于jQuery的时间处理插件,它可以轻易的将时间戳转换成如:5分钟前,约3小时前这样的更友好易读的时间轴,而且使用timeago.js无需刷新页面即自动更新页面时间的显示。
  日期和时间
 32921  344

精美js日期选择器,js省市选择器

小巧的js日期选择器。 一个精美的js日期选择器。
  日期和时间
 42263  349

带有标记的日期选择器

基于bootstarpdatetimepicker的带标记的日期选择器
  日期和时间
 49489  319

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

    艾呀艾 ?? 0
    2020/3/4 15:03:47
    可以只显示年月 不显示日吗 回复
    前行路上 0
    2019/12/3 18:50:23
    插件有bug 如果swiper没初始化成功,导致默认日期选择有bug 回复
    筑梦 0
    2019/4/11 15:52:35
    微信不能用
        筑梦0
        2019/4/11 15:59:59
        我的错,仔细研究了下,只是在web工具不能使用。很好用,
        James0
        2019/5/16 15:52:17
        。。。
    回复
    仙人掌 0
    2019/4/11 12:23:46
    能设置默认日期吗 回复
    雨晴 0
    2019/4/1 16:54:33
    表单怎么提交时间 回复
    evans22 0
    2019/1/23 15:05:02
    怎么显示后面的年份??大神,请指教
        kiner1
        2019/1/23 17:02:00

        可以再实例化的时候指定截止日期,不过目前仅支持截止年份,截止的月份和具体哪一天尚未做处理。

        $('#kinerDatePickerInput1').kinerDatePicker({
            clickMaskHide: true,
            endDate: new Date(2022, 11, 30), //规定截止年份
            showHandler: function(ctx) {
                console.log("显示时间选择器:", ctx);
            },
            hideHandler: function(ctx) {
                console.log("隐藏时间选择器:", ctx);
            },
            changeHandler: function(vals, ctx) {
                console.log("时间改变:", vals, ctx);
            },
            okHandler: function(vals, ctx) {
                console.log("确定选择:", vals, ctx);
            },
            cancelHandler: function(ctx) {
                console.log("取消选择:", ctx);
            }
        });
        evans220
        2019/1/25 14:12:54
        谢谢哈,赞赞赞
    回复
    molleahahs 0
    2019/1/16 16:21:32
    很好用,大佬。 回复
    0
    2019/1/2 17:32:24
    swiper 4.0以后就不能使用了,,,
        0
        2019/1/3 11:22:10
        swiper 4.0 后 修改了回调的方式 slideChangeTransitionEnd
    回复
    ^ Tsundere 0
    2018/12/27 17:20:42
    就是现在是2018年,上面还需要显示2018年以后的年 回复
    ^ Tsundere 0
    2018/12/27 17:19:44
    怎么改变时间,需要获取到没有到的时间 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复