仿mobiscroll时间插件

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

 18908  75  查看评论 (70)
仿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中放入正确的时间值便可。

如果发现问题欢迎反馈

相关插件-日期和时间

移动端时间选择插件mobiscroll 2.5.1修改版

移动端时间选择插件mobiscroll 2.5.1修改版可以显示上下午。
  日期和时间
 22317  91

简单的倒计时

这是一个实用的倒计时插件,希望大家喜欢。
  日期和时间
 7004  14

zepto移动端时间选择插件

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

jQuery日历插件

jQuery日历插件
  日期和时间
 22797  32

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

    邹嘉明 0
    2018/3/12 10:48:35
    需要用到秒时,将Seconds变为true后,分会和秒的值一样,分就出现错误了
        Be a Happy Hand Artist1
        2018/3/12 13:53:02
        把js源码所有的if(sjObj.opt.Seconds)里面的'm'改成's'即可....
    回复
    wangxinchi123 0
    2018/3/5 19:38:19
    Be a Happy Hand Artist 0
    2018/3/3 14:48:01
    支持一下!真棒!!!
        瓶子0
        2018/3/15 10:35:17
        谢谢。 写的其实不怎么好
    回复
    小mei 0
    2017/12/19 15:41:47

    怎么可以做到,过去的时间不可以选择??

        瓶子0
        2017/12/19 16:21:42

        我没加这个功能 ,推荐你用mobiscroll

    回复
    美国超人有裤衩? 0
    2017/12/18 13:45:47

    如果禁止选择过期的日期?

        瓶子0
        2017/12/19 16:46:13

        我没加这个功能 ,推荐你用mobiscroll

    回复
    蚊子不可恶 0
    2017/12/7 10:52:21

    通过lable点击的显示的不是已经选取的时间,一直都是10-03-03

        瓶子0
        2017/12/14 13:41:03

        之前没考虑这个 ,labled的    所以。。

    回复
    小眼睛''男生也有大魅力 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”

    回复
取消回复