仿mobiscroll时间插件

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

 44883  399  查看评论 (98)
分享到微信朋友圈
X
仿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带数据的日历插件

起始结束时间,可插入数据
  日期和时间
 54778  440

jQuery公历农历插件xp

可选择公历或农历来填写输入框,界面有些简陋但功能是没有问题的。
  日期和时间
 26713  291

jQuery移动端日期选择插件jquery-date

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

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

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

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

    ?? 0
    2021/11/30 11:03:11
    初始化的日期不太准备,初始化当前11月的时候出现错误,日期存在31号这天,滚动切换日期后11月的日期正确是30天 回复
    麋鹿迷了路 0
    2019/11/1 9:59:10
    为什么日会显示00?
        瓶子0
        2019/11/5 9:03:56
        这个插件是我学前端半年时写的 ,有很多BUG ,我不知道。推荐你使用mobiscroll
    回复
    麋鹿迷了路 0
    2019/10/15 15:17:46
    如何只显示昨天今天?
        瓶子0
        2019/10/16 9:38:14
        你是要选择几点吗 , 那你可以自己写一个获取今天日期的, 然后用我这个选择几点
        麋鹿迷了路0
        2019/10/17 10:41:25
        我想把分钟和秒都固定为0
    回复
    0
    2019/10/8 11:18:11
    之前的年份怎么改 回复
    少曳-YIY 0
    2019/8/2 15:54:59
    布局怎么不是对齐得啊??? 回复
    徐璐 0
    2019/5/29 11:33:27
    怎么用月份判断星座呀,麻烦教一下我麻烦了
        瓶子0
        2019/5/29 11:48:56
        http://www.html5study.top/Blogslist/list3_js_xingzuo_1
        这个链接里面有教你
        徐璐0
        2019/5/29 15:03:21
        怎么用您的插件判断呀,不太懂怎么取到选的那些时间的值,您居然回我了,感谢!
        瓶子1
        2019/5/30 14:02:27

        这个插件写的不好,推荐你用mobiscroll
        我这个插件你可以在选择时间后执行

        $("#input1").shijian({
            okfun: function() {
                // 这里是选择确认后的回调函数
                // this.val 就是 input 标签里面的值了
            }
        })
        瓶子0
        2019/5/30 14:05:15
        this.yyyy?//当前显示年
        this.mm ?//当前显示月
        this.dd //当前显示日
    回复
    刘莲 0
    2019/3/6 19:04:40
    怎么获取input框里的时间啊 回复
    abc8522362 0
    2019/2/14 11:44:48
    不可以选择只显示最近两个月吗 回复
    梦兮丶花落 0
    2018/12/26 17:30:30
    为什么我添加 showNowTime: true,当前时间也没有显示呢?
        Mr Fire1
        2019/1/14 11:13:06
        var date = new Date();
        $("#txtStartTime").val(date.getFullYear() + '-' + date.getMonth() + 1 + '-' + date.getDate() + ' ' + date.getHours() + ':' + date.getMinutes());

        自己写吧

    回复
    gary 0
    2018/8/25 16:09:37
    在显示时分秒的时候少一个分号。
    楼主有时间可以在461行完善一下 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复