jquery ui酒店预订日历选择器控件代码

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

 56617  417  查看评论 (42)
分享到微信朋友圈
X
jquery ui酒店预订日历选择器控件代码 ie兼容7

jquery ui酒店预订日历选择器控件代码

退房时间不会早于入住时间,退房时间会根据入住时间加一天。

如果要选择当前日前之前的时间 可以在stay.js里面minDate : 参数添加 

minDate : -3650, 

即可选10年前的时间

可以增加对于节日的操作,使用正则表达式判断

相关插件-日期和时间

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

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

zepto移动端时间选择插件

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

简单实用纯JS日历,有详细的代码注释(兼容IE6)

实用纯JS日历,点最上方日期可跳转到当前日期,键盘空格可回到当前日期,键盘左右可控制月份翻页,鼠标滚轮可改变月份
  日期和时间
 45737  369

移动端日期滚动选择插件mobisscroll3.0完整版

mobiscroll是个很好用的jQuery日期插件,它可以实现在移动端滚动选择日期。
  日期和时间
 43948  388

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

    无声的泪水 0
    2021/8/19 17:51:58
    怎样获取选择的时间啊 回复
    jaykai 0
    2019/8/23 14:06:05
    这个项目怎么放在div里面 回复
    ┽语夜 0
    2019/3/16 14:22:07
    看起来不错,很符合我的项目
        jaykai0
        2019/8/23 14:07:10
        可惜不怎么会用
    回复
    ┾Madman 3
    2018/11/1 18:45:29

    给需要向“后台传递当前所选日期数据”的加点代码吧!代码如下:
    修改stay.js文件(加上如下代码):
    (1)第12行,startFun函数中的

    onSelect:function(dateText,inst){...........................}

    函数中dateText参数是当前选中日期的val值,只需将该val值赋给页面中的某个元素即可,在向后台传递数据的时候再取出该数据就可以,此处以该页面中的#startDate为例:在onSelect函数里第一行或最后一行加上

    $('.sea-div #startDate').attr('data-startTime',dateText)

    【attr可用data代替】
    (2)第38行左右,endFun函数中的

    onSelect:function(dateText,inst){................. }

    函数中添加两个参数,参数名自定义,此处以(dateText,inst)两个参数为例,之后的方法和startFun函数中的一样(在onSelect函数里第一行或最后一行加上

    $('.sea-div #startDate').attr('data-startTime',dateText)

    【attr可用data代替】)

        ┾Madman0
        2018/11/1 18:46:10
        在这里,感谢作者!!!
    回复
    不将就i 0
    2018/8/22 23:01:09
    怎么设置时间为两个月内可选
        ┾Madman0
        2018/11/10 10:23:29
        star.js文件中startFun和endFun函数中的maxDate设置可选的时间间隔,将其值改为你想要设置的时间(以日为单位)就可以
    回复
    e药药同学 0
    2017/12/12 11:03:20

    怎么设置指定时间不可选?

        ┾Madman0
        2018/11/10 10:25:48
        star.js文件中onSelect:function(){}函数中加一段不可选的时间的即可判断,
    回复
    k_____锋 0
    2017/9/11 16:48:34

    不错!

        葑芯骈?i0
        2017/11/10 18:02:02
        确实
    回复
    幻雨星耀 0
    2017/6/22 9:59:31

    ,可以在初始日期显示改成这种样式吗

        幻雨星耀0
        2017/6/22 10:00:19

        04.26这种

        幻雨星耀0
        2017/6/22 10:00:58

        不要2017-04-26这种

    回复
    Heartbeat 0
    2017/5/5 10:37:00
    不错就是没JQ 币
        可可小echo0
        2017/5/26 9:52:02

        发布代码,或者充值

        taijishenxia0
        2019/3/27 9:49:19
        回答问题也可以
    回复
    刘小荣 0
    2017/4/25 15:02:10
    当日历出现的时候,怎么加一个透明的遮罩
        taijishenxia0
        2019/3/27 9:50:19
        应该修改css
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复