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

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

 13410  31  查看评论 (47)
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日历插件
  日期和时间
 23692  91

jQuery时间范围选择插件dateRange.js(修正版!)

此插件原来不能选择当前日期(今天的日期)
  日期和时间
 14275  31

轻量级移动端日期选择器mtimer

轻量级移动端日期选择器
  日期和时间
 14730  53

mobiscroll_手机上下滚动选择日期时间

可以上下滚动选择年月日时分秒
  日期和时间
 40890  243

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

    不走心 0
    2018/7/18 9:21:14
    怎么可以单显示年份啊? 回复
    0
    2018/7/16 14:52:57
    <div>
        <label for="startTime">起始时间</label><input class="text-right" type="text" data-options="{'type':'YYYY-MM-DD hh:mm:ss','beginYear':2010,'endYear':2088,'limitTime':'today'}" name="startTimeLeave" id="startTimeLeave" />
    </div>

    我引入js    页面代码这么写      怎么没有弹出来的时间选择框

    回复
    Ben、 0
    2018/7/14 17:21:22
    我想知道beginYear怎么设置时间只能前不能后。 回复
    风&密 0
    2018/7/5 17:06:25
    能不能限制从当前日期开始选择,例如今天2018-07-05,之前的日期就不显示了,第一个就是今天(或者可以自定义+1天或者2天这样的拓展),就是相当于预约,只能往后预约 回复
    落日丶坟殇 0
    2018/6/8 15:48:31
    引入JS后有报错,插件也用不了,有没有人知道咋回事儿
        西瓜0
        2018/6/8 16:12:54
        chrome浏览器f12,刷新会有报错信息,点红色字看错误提示修改即可。
        落日丶坟殇0
        2018/6/8 16:32:34
        错误提示很复杂,Mismatched anonymous define() module:不匹配匿名定义()模块,表示不知道咋回事儿
        叶落__0
        2018/6/11 9:05:33
        用的require.js调用插件?
        一叶知秋0
        2018/7/2 14:44:25
        对 用的require.js调用插件就直接报错 该怎么解决
        叶落__3
        2018/7/3 18:18:44

        检查require.js中jquery和jquery.date的路径是否正确(依赖jquery

        define(['jquery'], factory);)
        require.config({
            baseUrl: '',
            paths: {
                'jquery': 'jquery-1.11.3.min',
                'date': 'jquery.date'
            }
        })

        调用方式:

        require(['date'],function(){
            $.date('#time');
        })

        我这边测试是正常的,如果还报错,可以尝试以下办法:
        一,调用方式修改成下面的样子

        require(['jquery'],function($){
           require(['date'],function(){
              $.date('#time');
          })
        })

        二,把插件中以下代码(7-16行)都去掉,只保留 factory(jQuery);

        if (typeof define === 'function' && define.amd) {
            // AMD
            define(['jquery'], factory);
        } else if (typeof exports === 'object') {
            // CommonJS
            factory(require('jquery'));
        } else {
            // Browser globals
            factory(jQuery);
        }

        调用方式同上。

        叶落__1
        2018/7/4 9:31:31
        第二行代码define(['jquery'], factory);)排版有误,只是为了说明依赖jquery
    回复
    寂静欢喜 0
    2018/6/7 9:13:17
    我想让input默认当前时间,是哪个参数设置的? 回复
    乐逍遥 0
    2018/6/6 19:50:26
    怎么运用这个插件啊
        落日丶坟殇0
        2018/6/8 16:31:15
        同问,表示有报错
    回复
    微蓝半抹 0
    2018/6/5 18:06:09
    请问下可以不要滚动到当前时间吗?我想每次默认000 回复
    _Ru此、相依 0
    2018/6/5 10:24:13
    location--可选 before:跳转至之前选择的时间 在ios手机上有问题,日每次定位都是01
        叶落__0
        2018/6/11 9:02:46
        我之前ios测试的没问题,如果有这问题存在,估计是兼容不行,不好意思目前不方便也没时间测试
    回复
    _Ru此、相依 0
    2018/6/5 9:54:47
    确定的时候可以加callback事件吗? 回复
取消回复