仿mobiscroll时间插件

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

 12845  51  查看评论 (57)
仿mobiscroll时间插件 ie兼容10

更新时间:2017/8/2 上午9:12:28

更新说明:修改一些错误的备注


更新时间:2017/7/29 上午11:37:08

更新说明:修改部分bug,主要是时间显示添加了一个方法来判断了。  

sjObj.defaults = {
    type: "time",
    Format: "yyyy-mm-dd", //显示时间格式//yyyy表示年份 ,mm月份 ,dd天数  支持三种格式 dd-mm-yyyy ,mm-dd-yyyy yyyy-mm-dd
    Order: 'yymmdd',
    width: 60, //默认宽度
    height: 32, //默认数值高度
    Year: true, //是否显示年//
    Month: true, //是否显示月//
    Day: true, //是否显示日//
    Hour: true, //是否显示小时
    Minute: true, //是否显示分钟
    Seconds: false, //是否显示秒
    yyyy: "0000", //当前显示年
    mm: "00", //当前显示月
    dd: "00", //当前显示日
    h: "00", //当前显示小时
    m: "00", //当前显示分
    s: "00", //当前显示秒
    yearText: "年", //顶部时间 年单位 文字
    monthText: "月", //顶部时间 月单位 文字
    dayText: '日', //顶部时间 日单位 文字
    hourText: '时', //顶部时间 时单位 文字
    minuteText: '分', //顶部时间 分单位 文字
    secondsText: '秒', //顶部时间 秒单位 文字
    okText: "确认", //按钮确认键文字
    cancelText: "取消", //按钮取消键文字
    showNowTime: true, //是否默认显示当前时间
    alwaysShow: false, //是否默认直接显示插件
    timeElm: null, // 需要在哪个元素中展示元素需要定位  可使用字符串的形式("$(sjObj).prev()" sjObj表示当前时间对象
    onfun: function() { //取消改变时间时候执行事件
    },
    okfun: function() { //确认时间时候执行事件

    },
}

目前我测试 是没有问题的 ,只要你不乱来 在 input中放入正确的时间值便可。

如果发现问题欢迎反馈

相关插件-日期和时间

jquery日历插件SimpleCalendar

多功能日历插件SimpleCalendar,带农历、节假日。
  日期和时间
 30967  110

时间日期控件(兼容ie6)

支持时间日期选取,兼容IE6及以上版本
  日期和时间
 27030  64

jQuery移动端日期和时间插件

移动端日期和时间,完全兼容PC端和移动,做了完善,完全兼容
  日期和时间
 24578  51

圆形时间进度条-倒计时

html5 + css3 打造的圆形时间倒计时进度条
  日期和时间
 16688  42

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

    小眼睛''男生也有大魅力 0
    2017/11/20 15:39:59
    怎样设置过期日期不可选 回复
    0
    2017/11/13 15:40:37
    作者怎么不能设置 历史时间不可选择 回复
    lato owadów. 0
    2017/10/28 10:36:42
    分钟的间隔不能设置么? 回复
    get some air 0
    2017/10/13 11:34:41

    我关闭日历的,天数的时候,点击输入框日期不是当前日期是 “2010-10”

    回复
    莎木shenmue 0
    2017/9/28 9:46:48

    怎么限制某个特定日期不可选

    回复
    偶尔、?相识、 0
    2017/9/18 15:15:21
    经测试,在安卓手机上存在 BUG ,点击选择日期,滑动,然后取消,会卡住页面, 回复
    瓶子 0
    2017/9/15 13:55:30
    我在这里推荐你们使用mobiscroll 真心很棒的插件 ,只是他需要版权 ,不过嘛 ,国内用 你懂的。  回复
    唐志峰 1
    2017/9/15 11:17:25

    点开是时候,你绑定了两个全局事件:mousemove和mouseup。关闭的时候应该取消这两个事件的绑定,不然会全局污染。(这样就不影响全局的其他拖动、移动事件了。)

    //关闭事件
    sjObj.opt.timeElm.find(".df-no").on("click", function() {
        $(this).parent().parent().parent().remove();
        sjObj.opt.onfun(sjObj);
        $("html").removeClass("ov_hi");
        //应该新增的代码
        $(document).unbind("mousemove");
        $(document).unbind("mouseup");
    })
        瓶子0
        2017/9/15 13:28:23

        哇。 谢谢提醒

    回复
    ZMZ 0
    2017/9/11 19:29:12
    提问一下,怎么能显示上午、下午呢?
        瓶子0
        2017/9/15 13:48:32

        抱歉,还没做这个功能 推荐你用mobiscroll 里面有和我上面一样的主题功能更强

    回复
    hixiyu 0
    2017/9/8 11:38:23

    为什么默认不是当前时间

        瓶子0
        2017/9/15 13:45:50

        代码贴上来我看看,

    回复
取消回复