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

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

 74513  384  查看评论 (104)
分享到微信朋友圈
X
jquery移动端时间插件jquery.date.js ie兼容9

更新时间:2019/9/27 下午11:08:26

更新说明:修复分钟间隔报错


更新时间:2019/6/1 上午1:09:56

更新说明:2.0新版,功能向rolldate(http://www.jq22.com/jquery-info19834)看齐,但体积更小,更稳定。


更新时间:2019/3/16 下午6:33:40

更新说明:1.4.3版本,支持回调函数


更新时间: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,如果有问题或需要完善的地方我会及时处理。

相关插件-日期和时间

选择日期

一个选择下拉日期的代码
  日期和时间
 74881  432

只选择小时、分的时间插件jquery-timepicker.js

HunterTimePicker 时间选择组件,可以选择小时和分钟,小时为24小时制,分钟间隔为5分钟。
  日期和时间
 78518  371

jQuery日期时间选择插件jHsDate

一个简单的jQuery日期时间选择插件
  日期和时间
 45518  334

时间日期控件(兼容ie6)

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

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

    (⊙_⊙) 0
    2022/9/26 10:01:31
    设置时分默认值会报错 回复
    心语 0
    2022/9/12 17:19:24
    日期选择不了,是不是因为页面在钉钉里? 回复
    Pzxtext 0
    2021/12/20 10:21:54
    上下午有吗
        Pzxtext0
        2021/12/20 10:22:27
        最好是中文的
    回复
    ๑۩ﺴ小格调☪ 0
    2020/8/3 17:33:45
    我怎样获取input里的时间值呢? 回复
    鸭鸭 0
    2020/6/3 16:23:17
    endYear的月份怎么设置? 比如2020-06 之后的几个月都不要了 回复
    雨后的阳光、 0
    2020/3/30 18:13:14
    function dateSelect(dom,type) {
       new Jdate({
           el: dom,
           format: type,
           beginYear: 2020,
           endYear: 2050,
       })
    }
    <input type="text" onclick="dateSelect(this,'hh:mm')">

    像样用方法封装第一次点击 调用不了,第二次可以

    回复
    thousand 0
    2020/3/26 9:32:58
    Zero-Hub 0
    2019/12/10 18:41:45
    有两个问题:
    1.不支持动态时间设置
    2.有没有相关的文档?
        C丶0
        2020/5/3 1:15:15
        你直接在js中获取当前年份就好了
    回复
    微生 0
    2019/10/21 9:31:23
    选择一次后怎么清空已经选择的时间??
        微生0
        2019/10/21 13:56:57
        如果已经选择了时间,点击空白处也有相当于‘取消’的效果,自定义‘取消’键为‘清空’,并绑定一个清空的方法,勉强实现效果,不知道有没有更好的方法??
    回复
    小白 0
    2019/10/15 15:57:25
    怎么限制选择的天数呢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复