【问题标题】:Override localization file in WordPress plugin for datepicker with jquery?使用 jquery 覆盖 WordPress 插件中的 datepicker 本地化文件?
【发布时间】:2016-02-24 06:19:27
【问题描述】:

我正在使用一个名为 HBook 的 WordPress 插件,这是一个可搜索的酒店空房日历。它使用 jquery 日期选择器。日期选择器的开发人员本地化文件使一周从星期一开始。我的客户在美国,需要从周日开始一周。是否有 jquery sn-p 或其他我可以添加到我的主题以覆盖本地化文件中的“firstDay”的东西?我试过弄乱它,但我对 jquery 不是很好。

我问插件开发者是否有办法做到这一点,但他说没有。他说我只需要更改插件文件。我宁愿不这样做,因为我将在未来的版本中丢失我的更改。他确实说过他会考虑在未来的版本中将此功能添加到插件设置页面,但他不知道会是什么时候。

这是插件的localization file

如果这是不可能的,我会很感激有人告诉我这样我可以继续前进!谢谢!

【问题讨论】:

标签: javascript jquery wordpress localization datepicker


【解决方案1】:

documentation 中所述,您可以使用指定的firstDay 选项初始化日期选择器:

jQuery( ".selector" ).datepicker({
   firstDay: 0
});

如果你想在初始化后改变它,你可以使用

jQuery( ".selector" ).datepicker( "option", "firstDay", 0 );

这是您的 custom.js 文件的代码:

jQuery(document).ready(function() {
    jQuery('.hb-input-datepicker').on("focus", function() {
        jQuery(this).datepicker( "option", "firstDay", 0 );
    });
});

【讨论】:

  • 在初始化后更改它听起来像是我需要做的事情,但我认为我做的不对,因为它不起作用这是我的 js 文件:mauioceanview.juliataylordesign.com/wp-content/themes/… 这是插件的位置使用:mauioceanview.juliataylordesign.com/check-availability
  • 有两件事需要考虑:1) 将您的代码放入jQuery( document ).ready() 中,以便在页面文档对象模型 (DOM) 准备好执行 JavaScript 代码后运行它。 2) 因为您使用的是 Wordpress,所以您需要使用 jQuery 而不是 $ 将 jQuery 加入队列。 我已将您的 custom.js 文件的代码添加到我的答案中。
  • 谢谢,我把我的代码改成了你的,但还是不行。
  • 我已经更新了代码,以便在日期选择器的输入字段获得焦点后执行。请尝试一下。
  • 我正在使用它,虽然它正在调整 firstDay,但它还会清除归档中的任何现有日期并更改日期格式。知道为什么吗?
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2016-04-15
  • 2011-07-21
  • 2018-02-19
  • 1970-01-01
  • 2011-11-22
  • 2016-01-13
  • 1970-01-01
相关资源
最近更新 更多