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

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

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

相关插件-日期和时间

简易日期时间插件jQuery Timepicker v1.6.3版

一款汉化后的时间日期插件,可以根据需求自我调整样式
  日期和时间
 37579  339

移动端万年历类型(滑动效果)

基于swiper的万年历模板,简单,移动端日历
  日期和时间
 60020  548

jQuery bootstrap酒店日期插件

基于bootstrap日期插件实现,时间区间选择,预定日期禁用
  日期和时间
 55372  366

漂亮的倒计时

漂亮的倒计时,带反转效果。
  日期和时间
 41691  328

讨论这个项目(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
    怎么限制选择的天数呢 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复