• 努布

    (@knubew)


    你好,

    因此,这里是我对日历弹出窗口中的一些错误的描述和一些优化建议。

    新选择的日期以错误的语言显示
    我目前正在使用德语网站上的“bookingcom of theficial-archbox”。初始显示正常。请参见https://i.imgur.com/gUgmVnS.jpg网站

    但是,当我在弹出日历中为“报到日期”选择一个新日期时,新的日期值将以英语格式显示,而不是以德语格式显示。请参见https://i.imgur.com-QDWcuD2.jpg

    选择新日期会在浏览器控制台中显示“折旧警告”

    折旧警告:提供的值不是可识别的RFC2822或ISO格式。moment构造回到js-Date(),这在所有浏览器和版本中都不可靠。不鼓励使用非RFC2822/ISO日期格式。请参阅http://momentjs.com/guides/#/warnings/js-日期/了解更多信息。论据:[0]_isAMonentObject:true,_isUTC:false,_useUTC:false,_l:undefined,_i:2022-2-10,_f:undefine,_strict:undefinited,_locale:[对象对象]t吨/<@https://my.xyz.com/portal/wp-content/plugins/bookingcom官方搜索框/assets/js/mement with locales.min.js?x10279:1:3274巴/<@https://my.xyz.com/portal/wp-content/plugins/bookingcom-official-searchbox/assets/js/moment-with-locales.min.js?x10279:1:21836ba@https://my.xyz.com/portal/wp-content/plugins/bookingcom-official-searchbox/assets/js/momet-with-locales.min.js?x10279:1:21887Sa@https://my.xyz.com/portal/wp-content/plugins/bookingcom-official-searchbox/assets/js/momet-with-locales.min.js?x10279:1:22453哈@https://my.xyz.com/portal/wp-content/plugins/bookingcom-official-searchbox/assets/js/momet-with-locales.min.js?x10279:1:22535M(M)@https://my.xyz.com/portal/wp-content/plugins/bookingcom-official-searchbox/assets/js/moment-with-locales.min.js?x10279:1:209pickDate@https://my.xyz.com/portal/wp-content/plugins/bookingcom-official-searchbox/assets/js/bos_date.js?10279:307:29像素@javascript:pickDate(2022,02,10,'b_checkin','b_frm');:1:9

    弹出日历需要一些CSS调整
    1.)弹出式日历需要CSS id“b_calendarPopup”的z索引,以确保元素涵盖“bookingcom-official-searchbox”下的所有其他元素。CSS示例:#b_calendarPopup{z-index:100;}

    2.)显示弹出日历时,某些项目(在我的情况下)没有正确显示。请参阅以了解https://i.imgur.com/XJRziHA.jpg网站

    以下是我在我的案例中必须进行的一些自定义CSS更改:
    a) 在我的情况下,一周中几天的文本颜色是白色(#FFFFFF)。所以你当然不能在白色背景上看到一周中的几天。这可能反映了为“搜索框”选择的文本颜色。我将一周中几天的字体颜色更改为“#385c94”,并将“font-weight”设置为“bold”。

    b) 我将“Selected-Day Container”的背景色更改为“#385c94”。

    c) 我将“Selected-Day Container”中日期编号的字体颜色更改为“#FFFFFF”,并将“font-weight”设置为“bold”。

    我用一些自定义CSS修复了显示错误,但我认为也可以为用户提供一些弹出日历的附加CSS设置。

    /*Booking.com-日历-CSS推文-2022年2月4日*/#b_calendar弹出菜单{z指数:100;}.b_calendarInner、.bos_calendar-month、.bos_calendar__row、#flexi_searchbox.bos_month_wrapper select、.b_calFuture a、.b_Cal关闭{颜色:#385c94!重要;不透明度:继承;/*对于Google Chrome*/}.bos_calendar_day-name,.b_calClose a,.bos-calendar__dates.bos-calenar__dete--b_calSelected关闭一个{font-weight:粗体;}.bos-calendar__dates.bos-calender__date--b_cal已选择{背景色:#385c94}.bos-calendar__dates.bos-calender__date--b_calSelected日期{颜色:#ffffff!重要;}

    查看结果:https://i.imgur.com/XyaQRMh.jpg网站

    最后,我想指出,在弹出日历中选择小字体更适合移动设备。对于台式机来说,小字体不是那么好。

    #flexi_搜索框{font:small/1.2宋体,Helvetica,sans-serif;font-weight:正常;字体大小:小;线高:1.2;font-family:宋体,Helvetica,sans-serif;

    我建议最好将CSS文件“bos_searchbox.CSS”中的小字体卸载到移动设备的媒体查询中,桌面计算机使用正常字体大小。

    我还没有将此更改添加到我的自定义CSS代码中!

    对不起,我知道这些是很多建议的更改/请求。但我认为,即使是不了解CSS的用户也应该能够通过附加的CSS设置以简单的方式影响弹出式日历的显示。

    顺颂商祺

查看15封回复-1封至15封(共19封)
  • 插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布

    感谢您的反馈,我们将进行查看,看看我们能做些什么。

    祝你有美好的一天。

    螺纹起动器 knubew公司

    (@knubew)

    我在手机上打开日历时也遇到了另一个问题。

    1.)如果“搜索框”元素下存在另一个元素,并且打开的日历与此元素重叠,则无法再使用“关闭日历”链接关闭日历。

    2.)此外,文本“Close calendar”被底层元素的字体干扰。

    请参见https://i.imgur.com/wkxLRpb.jpg

    请参见https://i.imgur.com/cH3YcyA.jpg

    螺纹起动器 努布

    (@knubew)

    我注意到日历上还有一件事,如果可能的话,应该更改。

    在台式计算机上,一旦鼠标指针到达围绕日期编号的日期框,鼠标指针就会成为打开日历中的指针(手)。但是,只有当您用鼠标单击时准确地点击了日期编号,才接受鼠标单击,因为JavaScript函数“JavaScript:pickDate(2022,02,3,'b_checkin','b_frm');”绑定到日期编号,而不是绑定到周围的字段。

    在移动设备上,这不是一个问题,因为手指相当大。但在有鼠标和鼠标指针的台式计算机上,即使鼠标指针表示整个字段是一个链接,为什么不接受鼠标单击字段,目前尚不清楚。

    插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布

    感谢您的反馈,我们目前正在改进插件,一旦我们有更新,我们会通知您。

    谢谢你的耐心。

    祝你有美好的一天

    插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布

    你有你的实现的链接吗?
    因此,我们可以看看造型问题,似乎您有冲突的css。

    谢谢。

    螺纹起动器 努布

    (@knubew)

    你有你的实现的链接吗?
    因此,我们可以看看造型问题,似乎您有冲突的css。

    我可以让您访问我们的登台站点,该站点受密码保护。但我需要一个电子邮件地址来发送身份验证数据。

    我们的生产”HomeTIX–在线票务门户“网站位于https://secure.hometix.eu/portal/.但生产网站上“bookingcom-official-searchbox”的CSS已经进行了调整(不是最佳的,但95%有效)。

    插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布,

    请使用:wp-plugins@booking.com网站

    谢谢

    螺纹起动器 努布

    (@knubew)

    我刚刚将登台站点的访问数据发送到了电子邮件地址。

    插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布,

    我检查了一些导致日历重叠的css:

    表th,表td{
    填充:.75厘米!重要;
    }

    如果您要删除!这将解决重叠问题。

    螺纹起动器 努布

    (@knubew)

    您好!@sp-bookingcom公司,

    谢谢你的提示。这是我的Avada主题的CSS代码的一个老调整。我现在已将其更正为:

    /*AVADA主题-小型手机解决方案*/@媒体屏幕和(最大宽度:414px){/*减少表格中的填充*/.table-1表th,.table-1表td{padding:.75em!important;}.table-2表th,.table-2表td{padding:.75em!important;}}

    现在booking.com日历弹出窗口不再受此CSS代码的影响。

    螺纹起动器 努布

    (@knubew)

    您好!@sp-bookingcom公司,

    顺便说一句…我对Booking.com日历弹出窗口的CSS调整目前在生产网站上如下所示:

    /*Booking.com-日历CSS调整-10.02.2022*/.b_calendarInner、.bos_calendar-month、.bos_calendar__row、#flexi_searchbox.bos_month_wrapper select、.b_calFuture a、.b_Cal关闭{颜色:#385c94!重要;不透明度:继承;/*对于Google Chrome*/}.bos_calendar_day-name,.b_calClose a,.bos-calendar__dates.bos-calenar__dete--b_calSelected关闭一个{font-weight:粗体;}.bos-calendar__dates.bos-calender__date--b_cal已选择{背景色:#385c94}.bos-calendar__dates.bos-calender__date--b_calSelected日期{颜色:#ffffff!重要;}/*Booking.com-日历CSS调整-10.02.2022*/@媒体屏幕和(最小宽度:769px){#flexi_searchbox#b_calendarPopup.b_popopInner{font-size:15px;}}
    插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布,

    我们已经将插件更新到了2.3.0版,它包含了在您选择日期时日历语言的修复。还有一些用于日历的小css修复程序,以及一些用于设置所选日期和日期的样式的新功能。

    让我们知道这是否适用于您?

    祝你有美好的一天。

    螺纹起动器 努布

    (@knubew)

    您好!@sp-bookingcom公司,

    感谢您所做的所有更改和优化。我认为它现在应该完全适合大多数插件用户。

    我现在唯一注意到的是日期显示不一致(Check-in-date/Check-Out-date)。

    当最初显示“bookingcom官方搜索框”时,两个日期值以以下格式显示:
    Mi 2022年2月16日Do 2022年2月17日
    例如,如果我选择了不同的签出日期,则新选择的日期将以以下格式显示(带点):
    2022年2月16日实施日期:2022年2月17日

    保持日期值的格式一致并始终使用特定于国家的日期格式是有意义的。例如,对于德语国家(德国、奥地利、瑞士),正确的日期格式为:
    执行.17。2022年2月
    所以也要在日期后加一个点!

    我仍然在日历中使用了一些CSS调整,但我可以接受。我会发布我的个人调整,以防其他用户感兴趣,并在这个论坛中搜索他们。

    插件作者 SP–Booking.com

    (@sp-bookingcom)

    您好!@努布,

    我们已经将插件更新到2.3.1版。

    您可能需要在后端重新选择预修复日期,因为我们已经更新了这两个字段的格式。
    日历字段仅使用德语版式更新。

    希望这对你有用。

    祝您有个美好的一天。

    螺纹起动器 努布

    (@knubew)

    你好,

    非常感谢您对插件的进一步优化和更正。不幸的是,直到下周,我才有时间更仔细地测试每件事。我很乐意给你回复我的反馈。

    祝你一切顺利…

查看15封回复-1封至15封(共19封)
  • “日历中的错误”主题对新回复关闭。