jquery移动端时间插件jquery.date.js

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

jquery移动端时间插件jquery.date.js ie兼容9

更新时间:2018/4/23 上午8:53:38

更新说明:增加时分秒、时分格式。


更新时间:2018/4/10 上午9:18:08

更新说明:1,增加可选每次跳转至之前的时间,而不是当前时间。
                 2,修复body跟随插件滚动问题。


更新时间:2018/3/14 下午5:55:57

更新说明:代码优化


jquery-date npm

此插件依赖jquery,且是为移动端而写,也支持pc端的使用,但因为操作不便和样式问题,所以不建议。

支持年月、年月日、年月日时分、年月日时分秒,详细格式见demo.html/jquery.date.js。

时间限制limitTime参数目前只做了年月日限制。

使用方式:

<input type="text" id="date" data-options="{'type':'yyyy-mm-dd','beginyear':2010,'endyear':2088}">
<scriptt> 
    $.date('#date'); 
</scriptt>

支持年月,年月日,年月日时分,年月日时分秒格式,pc端也能使用,但在pc端使用可能会出现bug,所以只建议在移动端使用。

另外希望能在github上关注下我的插件https://github.com/weijhfly/jquerydateplugin,如果有问题或需要完善的地方我会及时处理。

相关插件-日期和时间

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

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

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

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

jQuery日期时间选择器插件

jQuery日期时间选择器插件
  日期和时间
 31332  119

Jquery时间,日期控件

Jquery时间,日期控件,高端大气,可以设置小时分钟。
  日期和时间
 49117  192

讨论这个项目(27)回答他人问题或分享插件使用方法奖励jQ币

    叶落__ 0
    2018/5/9 13:53:22
    希望大家能给个star吧,任何力所能及的问题我都会认真解决。
        嘀嗒嘀嗒0
        2018/5/14 14:43:23
        谢谢了,其实有个地方,我谈谈我的想法,当用户选取了之前的时间,提示他.....!体验不好,就应该是不能选择。将之前的日期黑化处理,不能选择!!这是我自己的看法。很感谢你能分享!!
        叶落__0
        2018/5/16 11:47:53
        以前有考虑过,但这种滚动选择时间的方式不是很好处理,后续看看吧。
        灰太狼0
        2018/5/17 14:35:39
        这个是我做的吧,你下载下来改了一下,成为了你的!!!
        叶落__0
        2018/5/17 18:18:16
        楼上脸皮有够厚的,人如其名
    回复
    雨の中で?? 0
    2018/5/8 14:18:15
    如果是用的rem布局,js里面的px怎么转换更好,pc端我的font-size:100px;目前改了下,移动端模拟的时候取值正常,但换成pc就不正确了
        叶落__0
        2018/5/9 13:50:55
        为什么会有pc端,响应式的?pc端不建议使用,布局使用rem的插件也可以不动啊,确实样式不对,媒体查询调整一下就好,另外如果要修改li高度,不能用样式直接覆盖,请看github上1.4.1版js第35、36行。
    回复
    奋斗的小星星 0
    2018/5/7 15:14:07
    能滚动到自定义的时间,不滚动到当前的时间吗?
        叶落__0
        2018/5/9 13:00:36
        不是不加location就好了吗
    回复
    呼 吸 0
    2018/5/3 15:49:19
    获取选择的值呢
        叶落__0
        2018/5/9 12:59:20
        这个不是获取text或val吗
    回复
    ★素颜菇凉┾ 0
    2018/4/24 11:41:50
    时间打开之后每次都会滚动一下,怎么去除这个滚动效果呢?
        叶落__1
        2018/4/24 19:03:21
        js262行,把600改为0就行,我个人觉得要比较好,所以没做成可配置的
    回复
    ?隔壁老王? 0
    2018/4/22 20:13:27
    大神,怎么设置成只选择年份?求告知
        叶落__0
        2018/4/23 8:49:43
        只要年份用select不就好了...
    回复
    Peter@小飞侠 0
    2018/4/11 12:00:32
    建议可以支持,“时分秒”、“时分”
        叶落__0
        2018/4/12 8:57:10
        改起来倒不难,时分需要滑好久,现在比较在意的就是滑动的性能了,目前的滑得太慢
    回复
    陈崇源的微博小窝 0
    2018/4/2 16:36:56
    当input框是动态生成时就不行了
        叶落__1
        2018/4/3 8:56:06

        因为我没有考虑到事件委托,后续考虑加上去,你可以看jquery.date.js 280行,改成事件委托并加一行

        $(document).on('click',obj,function() {
        var that = $(this);
    回复
    Me。 0
    2018/3/24 17:13:39
    用ajax来获取数据只给定位在头部的div添加id使用插件,滚动之后在最后一个div点击使用的时候会有问题,无法显示出来也不报错。
        叶落__0
        2018/3/25 11:37:20
        不是很理解诶,如果需要解决,能提供代码就好了
        Me。0
        2018/3/26 20:08:27
        如何设置最大年份为当前年份,然后月份为当月。
        叶落__1
        2018/3/26 20:37:26
        这种情况应该是今年且当前月之前的时间禁止选择?这种情况我之前并没有考虑过,目前也没有计划要加上,你可以看jquery.date.js 399行开始的时间限制,代码比较浅显,自己可以加。如果你是想今年之后的年份也不渲染出来,可以看代码78行,我这里默认了至少在当前年份加10年,取消这个限制,dom上结束年份传当前年份就好,另外这个插件的传参方式此前设计得不是很好,你可以用js覆盖dom上的data-options,以保证一直能准确的获取当前的年份。
        叶落__0
        2018/3/26 20:41:53
        第一句有误,今年今月之后的时间禁止选择。
    回复
    叶落__ 0
    2018/3/15 9:10:16
    审核虽然有点慢,但我想说该网站的工作人员也挺勤快的,自动帮我加了些介绍\捂脸。
        黄河爱浪0
        2018/3/17 16:43:58
        蛮有特点的,建议修改成对象级别插件!当前传参方式,采用类级别插件不是很合理!
        叶落__0
        2018/3/17 20:10:58
        是的,我早就有这打算了,可以看我GitHub,因为打算以后也不依赖jquery了,所以想一起做。
    回复
取消回复