Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $YECBGYFECGEAFWHA as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2

Deprecated: imwpcache\f884414bce24ee67f\f73723ec7b1919fa5::__construct(): Implicitly marking parameter $BBWFDDBHHYHDXXAB as nullable is deprecated, the explicit nullable type must be used instead in /www/wwwroot/www.chuangxiangniao.com/wp-content/plugins/imwpcache-dist/build/f884414bce24ee67ff73723ec7b1919fa5.php on line 2
如何在WooCommerce中准确显示产品上架时长(年、月、日)_创想鸟

如何在WooCommerce中准确显示产品上架时长(年、月、日)

如何在WooCommerce中准确显示产品上架时长(年、月、日)

本教程详细介绍了如何在WooCommerce中精确计算并展示产品自发布以来的时长,包括年、月、日。针对传统时间戳计算可能导致的闰年和月份天数差异问题,本文推荐使用PHP内置的DateTime和DateInterval类,以确保计算结果的准确性,并提供了完整的代码实现及集成方法,帮助开发者优化产品信息展示。

挑战与传统方法的局限性

在woocommerce或其他内容管理系统中,显示一个产品或文章发布了多久,通常会涉及到计算当前日期与发布日期之间的时间差。一个常见的直觉是,将两个日期转换为unix时间戳,然后计算它们的秒数差,再手动转换为年、月、日。然而,这种方法存在显著的局限性:

闰年问题: 简单地将一年视为365天会导致闰年时计算不准确。月份天数差异: 不同的月份有不同的天数(28、29、30、31天),简单地将一个月视为30天会累积误差。时区复杂性: 如果不正确处理时区,计算结果可能偏离实际。

这些因素使得基于时间戳的简单算术难以提供精确的“年、月、日”形式的时间差。

使用DateTime和DateInterval进行精确计算

PHP提供了一套强大且灵活的日期时间处理类,其中DateTime和DateInterval是解决上述问题的理想选择。DateTime对象代表一个具体的日期和时间,而DateInterval对象则表示两个DateTime对象之间的时间间隔。DateTime类的diff()方法能够自动处理闰年和月份天数差异,返回一个精确的DateInterval对象。

以下是实现此功能的推荐方法:

/** * 获取产品上架时长(年、月、日) * * @param WC_Product $product WooCommerce产品对象 * @return string 格式化的上架时长字符串 */function get_product_published_duration( $product ) {    // 获取产品创建日期(WC_DateTime对象)    $product_created_date = $product->get_date_created();    // 获取当前日期时间(WC_DateTime对象)    // WC_DateTime会自动处理WordPress/WooCommerce的时区设置    $current_date = new WC_DateTime();    // 确保两个日期对象都有效    if ( ! $product_created_date instanceof WC_DateTime || ! $current_date instanceof WC_DateTime ) {        return ''; // 或返回错误信息    }    // 计算两个日期之间的间隔    // diff() 方法返回一个 DateInterval 对象,它精确地表示年、月、日等差异    $interval = $product_created_date->diff( $current_date );    // 构建显示字符串    $output_parts = [];    if ( $interval->y > 0 ) {        $output_parts[] = sprintf( _n( '%s year', '%s years', $interval->y, 'woocommerce' ), $interval->y );    }    if ( $interval->m > 0 ) {        $output_parts[] = sprintf( _n( '%s month', '%s months', $interval->m, 'woocommerce' ), $interval->m );    }    if ( $interval->d > 0 ) {        $output_parts[] = sprintf( _n( '%s day', '%s days', $interval->d, 'woocommerce' ), $interval->d );    }    // 如果没有任何时间差(例如,产品是今天创建的),显示“今天”或类似信息    if ( empty( $output_parts ) ) {        return '
' . __( 'Launched today', 'woocommerce' ) . '
'; } // 使用逗号和“和”连接各个部分 $last_part = array_pop( $output_parts ); if ( ! empty( $output_parts ) ) { $output = implode( ', ', $output_parts ) . ' ' . __( 'and', 'woocommerce' ) . ' ' . $last_part; } else { $output = $last_part; } return sprintf( '
' . __( 'Product Age: %s', 'woocommerce' ) . '
', $output );}

代码解释:

$product->get_date_created(): 这是获取WooCommerce产品创建日期的标准方法。它返回一个WC_DateTime对象,该对象是PHP DateTime的扩展,并已处理WooCommerce的时区设置。new WC_DateTime(): 创建一个表示当前日期和时间的WC_DateTime对象。$product_created_date->diff( $current_date ): 这是核心所在。diff()方法计算两个DateTime对象之间的差异,并返回一个DateInterval对象。这个对象包含了精确的年(y)、月(m)、日(d)等属性。_n(): 这是WordPress的国际化函数,用于处理单复数形式的字符串,例如“1 year”与“2 years”。字符串拼接:代码会根据DateInterval对象中年、月、日的值来动态构建输出字符串,只显示非零的部分。

将功能集成到WooCommerce

要让上述功能在您的WooCommerce商店中显示,您需要使用WordPress的动作钩子(Action Hooks)。以下示例展示了如何在单个产品页面和产品列表(如商店页面、分类页面)上显示产品上架时长。

将以下代码添加到您的主题的 functions.php 文件中,或通过自定义插件实现。

/** * 在单个产品页面显示产品上架时长 */add_action( 'woocommerce_single_product_summary', 'display_single_product_published_duration', 25 );function display_single_product_published_duration() {    global $product; // 获取当前产品对象    echo get_product_published_duration( $product );}/** * 在产品循环(商店、分类、搜索结果)中显示产品上架时长 */add_action( 'woocommerce_after_shop_loop_item', 'display_product_loop_published_duration', 20 );function display_product_loop_published_duration() {    global $product; // 获取当前产品对象    echo get_product_published_duration( $product );}

钩子说明:

woocommerce_single_product_summary: 此钩子位于单个产品页面的产品摘要区域,通常在产品标题、价格、简短描述之后。优先级 25 可以调整其显示位置。woocommerce_after_shop_loop_item: 此钩子位于产品列表(如商店页面、分类页面)中每个产品项的末尾。优先级 20 可以调整其显示位置。

注意事项与最佳实践

国际化(i18n): 代码中使用了__和_n函数,并指定了woocommerce作为文本域。如果您在自定义主题或插件中使用此代码,请确保您的文本域与您的项目匹配,并提供相应的翻译文件。样式定制: 输出的HTML包含一个div元素,类名为product-age。您可以使用CSS对这个类进行样式设置,以匹配您网站的设计。输出格式: get_product_published_duration函数中的输出格式是可自定义的。您可以根据需要调整sprintf语句和连接逻辑,例如,只显示年和月,或者使用不同的分隔符。性能: DateTime操作通常效率很高,对于大多数WooCommerce商店来说,这不会成为性能瓶颈。错误处理: 在get_product_published_duration函数中,添加了对WC_DateTime对象有效性的检查,这是一种良好的编程习惯,可以防止在某些极端情况下(例如产品数据不完整)出现错误。

总结

通过利用PHP强大的DateTime和DateInterval类,我们可以轻松且精确地计算出WooCommerce产品的上架时长,避免了传统时间戳计算带来的闰年和月份天数差异问题。结合WooCommerce的动作钩子,您可以将这些精确的时间信息无缝集成到您的产品页面和列表,为用户提供更丰富、更准确的产品信息展示。这种方法不仅提高了数据准确性,也提升了代码的健壮性和可维护性。

以上就是如何在WooCommerce中准确显示产品上架时长(年、月、日)的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1289371.html

赞 (0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
优化SQL查询:获取分组中最低价格的唯一记录
上一篇 2025年12月11日 05:34:05
WooCommerce 产品上线时长精准计算教程
下一篇 2025年12月11日 05:34:22

相关推荐

  • CentOS 7安装fail2ban + Firewalld防止爆破与CC攻击

    fail2ban可以监控系统日志,并根据日志中的错误信息执行相应的屏蔽操作。大多数在线教程都介绍了fail2ban与iptables的组合,但考虑到centos 7自带firewalld,并且使用firewalld作为网络防火墙更为简便,本文将介绍如何结合fail2ban和firewalld来防范暴…

    2026年10月2日
    100
  • sublime是干嘛的 sublime是什么软件

    sublime是干嘛的 sublime是什么软件sublime是干嘛的 sublime是什么软件sublime是干嘛的 sublime是什么软件sublime是干嘛的 sublime是什么软件

    Sublime Text 是一款跨平台代码编辑器,以其速度、可定制性和优雅界面著称。其核心优势包括:强大的插件生态系统,可扩展到各种编程语言和任务。丰富快捷键,提升编码效率。对多种编程语言提供语法高亮和代码自动补全。虽然Sublime Text 并非免费,也缺乏强大的调试功能,但它是一款轻巧灵活的代…

    2026年10月2日 • 用户投稿
    100
  • javascript闭包怎么管理浏览器缓存

    javascript闭包怎么管理浏览器缓存javascript闭包怎么管理浏览器缓存javascript闭包怎么管理浏览器缓存javascript闭包怎么管理浏览器缓存

    闭包不能直接操作浏览器缓存,但可通过封装缓存逻辑间接影响缓存行为:1. 利用闭包维持对缓存变量的引用,实现数据的存储与检索;2. 在闭包中实现缓存过期、更新和清理策略;3. 结合http头部信息(如cache-control)决定缓存读取与更新;4. 与service worker协同实现动态缓存管…

    2026年10月2日 • 用户投稿
    100
  • 项目文件夹配置与多文件管理技巧

    项目文件夹配置与多文件管理技巧项目文件夹配置与多文件管理技巧项目文件夹配置与多文件管理技巧项目文件夹配置与多文件管理技巧

    高效的项目文件夹结构应具备清晰、一致、可扩展的特点。1. 顶层目录通常包括src(源代码)、data(数据)、docs(文档)、assets(资源)、lib(依赖库)、build(构建输出)、tests(测试)等;2. 每个目录下按模块或功能进一步细分,如src下分components、pages、…

    2026年10月2日 • 用户投稿
    200
  • sublime执行html代码 sublime怎么在浏览器运行html

    sublime执行html代码 sublime怎么在浏览器运行htmlsublime执行html代码 sublime怎么在浏览器运行htmlsublime执行html代码 sublime怎么在浏览器运行htmlsublime执行html代码 sublime怎么在浏览器运行html

    sublime text不能直接运行html文件,因为它是一个文本编辑器而非浏览器或ide。1. 编写html代码并保存为.html文件;2. 通过双击或右键选择浏览器打开文件;3. 使用默认或指定浏览器查看效果。sublime text提供emmet插件、自动补全、代码高亮、多光标编辑和自定义代码…

    2026年10月2日 • 用户投稿
    200
  • Sublime Text 中文显示乱码的编码设置方案

    Sublime Text 中文显示乱码的编码设置方案Sublime Text 中文显示乱码的编码设置方案Sublime Text 中文显示乱码的编码设置方案Sublime Text 中文显示乱码的编码设置方案

    sublime text 中文显示乱码主要是由于文件编码与软件默认解码方式不匹配所致,解决方法包括:1. 使用 notepad++ 等工具检测文件实际编码(如 utf-8、gbk);2. 打开文件时通过 reopen with encoding 选择正确编码;3. 修改 sublime text 用…

    2026年10月2日 • 用户投稿
    900
  • JS中的循环怎么使用

    JS中的循环怎么使用JS中的循环怎么使用JS中的循环怎么使用JS中的循环怎么使用

    JS中的循环主要用于重复执行一段代码,直到满足特定条件为止。 掌握它们对于处理数组、对象以及执行重复性任务至关重要。 解决方案 JavaScript 提供了几种循环结构,各有用途: for 循环: 这是最常用的循环之一,尤其适用于已知循环次数的情况。 for (let i = 0; i < 1…

    2026年10月2日 • 用户投稿
    100
  • 火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法

    火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法火狐浏览器怎么查看网页源代码_火狐浏览器打开页面源代码与元素检查器方法

    1、通过右键“查看页面源代码”或按Ctrl+U可查看网页HTML;2、右键“检查”或按F12打开开发者工具,可定位并修改具体元素;3、使用F12快捷键启动工具后,点击选择图标可快速检视页面组件。 如果您在浏览网页时需要查看页面的底层结构或调试内容,可以通过火狐浏览器快速访问网页源代码或检查具体元素。…

    2026年10月2日 • 用户投稿
    100
  • js如何实现拖拽功能

    js如何实现拖拽功能js如何实现拖拽功能js如何实现拖拽功能js如何实现拖拽功能

    实现javascript拖拽功能的核心是监听mousedown、mousemove和mouseup事件,通过计算鼠标偏移量实时更新元素位置,推荐使用transform: translate()提升性能。1. 对于多个可拖拽元素,可采用事件委托,将事件绑定在父容器上,通过判断e.target实现统一管…

    2026年10月2日 • 用户投稿
    100
  • Sublime怎么注释多行?多行注释与取消注释的终极方案

    Sublime怎么注释多行?多行注释与取消注释的终极方案Sublime怎么注释多行?多行注释与取消注释的终极方案Sublime怎么注释多行?多行注释与取消注释的终极方案Sublime怎么注释多行?多行注释与取消注释的终极方案

    sublime text 多行注释可通过多种方法实现。1. 使用快捷键 ctrl + /(windows/linux)或 cmd + /(mac)可对选中的多行代码进行单行注释,再次按下取消注释;2. 通过块选择功能(alt+拖动或option+拖动),可在多行指定位置手动输入注释符;3. 安装插件…

    2026年10月2日 • 用户投稿
    100
  • HTML/CSS 代码片段的自动生成技巧

    HTML/CSS 代码片段的自动生成技巧HTML/CSS 代码片段的自动生成技巧HTML/CSS 代码片段的自动生成技巧HTML/CSS 代码片段的自动生成技巧

    使用 emmet 语法快速生成 html 结构的方法是通过简短的缩写提升效率,例如输入 ! 然后按 tab 键生成 html5 骨架,或使用 div#container>ul.list>li.item*5>a{link} 快速构建嵌套结构;css 预处理器如 sass 或 less…

    2026年10月2日 • 用户投稿
    200
  • sublime网页开发运行 sublime怎么调试html文件

    sublime网页开发运行 sublime怎么调试html文件sublime网页开发运行 sublime怎么调试html文件sublime网页开发运行 sublime怎么调试html文件sublime网页开发运行 sublime怎么调试html文件

    如何使用sublime text配合浏览器进行前端开发?1.安装package control:通过控制台粘贴代码安装,重启sublime text。2.安装插件:如view in browser(右键html文件预览)、emmet(快速编写html/css)、sublimelinter(代码检查)…

    2026年10月1日 • 用户投稿
    1700
  • Sublime怎么格式化代码?一键美化代码的3种实用方法

    Sublime怎么格式化代码?一键美化代码的3种实用方法Sublime怎么格式化代码?一键美化代码的3种实用方法Sublime怎么格式化代码?一键美化代码的3种实用方法Sublime怎么格式化代码?一键美化代码的3种实用方法

    sublime可通过三种方法实现代码格式化:1.安装codeformatter插件,支持多语言格式化,通过package control安装后可右键或设置快捷键alt + f一键格式化,部分语言需本地安装对应工具;2.使用html-css-js prettify插件,适合前端开发,安装后可右键选择p…

    2026年10月1日 • 用户投稿
    100
  • Sublime怎么快速跳转?文件函数快速定位的5个技巧

    Sublime怎么快速跳转?文件函数快速定位的5个技巧Sublime怎么快速跳转?文件函数快速定位的5个技巧Sublime怎么快速跳转?文件函数快速定位的5个技巧Sublime怎么快速跳转?文件函数快速定位的5个技巧

    掌握sublime text的快速跳转技巧可大幅提升工作效率。1. 使用 ctrl/cmd + g 输入行号跳转至指定行,适合调试定位错误;2. 通过 ctrl/cmd + p 模糊搜索文件名快速打开文件,尤其适用于复杂项目;3. 利用 ctrl/cmd + r 跳转到当前文件内的函数、变量等符号,…

    2026年10月1日 • 用户投稿
    300
  • 如何在移动设备上扩展SublimeText的功能

    如何在移动设备上扩展SublimeText的功能如何在移动设备上扩展SublimeText的功能如何在移动设备上扩展SublimeText的功能如何在移动设备上扩展SublimeText的功能

    sublime text没有官方移动版本,因其设计依赖桌面环境和物理键盘。替代方案包括:1. 使用远程连接工具如ssh或vnc控制运行sublime text的桌面电脑;2. 选用功能相近的移动端代码编辑器如ios的textastic、code editor by panic或android的aco…

    2026年10月1日 • 用户投稿
    600
  • sublime如何执行html文件 sublime运行网页代码方法详解

    sublime如何执行html文件 sublime运行网页代码方法详解sublime如何执行html文件 sublime运行网页代码方法详解sublime如何执行html文件 sublime运行网页代码方法详解sublime如何执行html文件 sublime运行网页代码方法详解

    如何配置sublime text运行html文件?1.创建自定义构建系统,依次点击tools->build system->new build system…,复制代码{ “cmd”: [“open”, “-a&#8…

    2026年10月1日 • 用户投稿
    100
  • sublime如何运行前端代码 sublime执行html文件教程

    sublime如何运行前端代码 sublime执行html文件教程sublime如何运行前端代码 sublime执行html文件教程sublime如何运行前端代码 sublime执行html文件教程sublime如何运行前端代码 sublime执行html文件教程

    sublime text不能直接运行前端代码,因为它是一个文本编辑器而非集成开发环境。要运行html、css、javascript文件,需通过以下方法实现:1. 安装package control插件管理工具;2. 使用view in browser插件在浏览器中预览html文件;3. 手动配置su…

    2026年10月1日 • 用户投稿
    100
  • 在 Angular 14 中集成 Stripe 实现自定义支付流程

    在 Angular 14 中集成 Stripe 实现自定义支付流程在 Angular 14 中集成 Stripe 实现自定义支付流程在 Angular 14 中集成 Stripe 实现自定义支付流程在 Angular 14 中集成 Stripe 实现自定义支付流程

    本文旨在指导开发者如何在 Angular 14 项目中集成 Stripe,实现自定义的支付流程,避免使用 stripe-ngx 库的默认弹窗设计。我们将探讨如何在 Angular 组件中捕获支付成功事件,无需重定向到新的 URL,并解决使用 Stripe JS Checkout 过程中可能遇到的 c…

    2026年10月1日 • 用户投稿
    200
  • 使用 Angular 14 实现 Stripe 自定义支付流程

    使用 Angular 14 实现 Stripe 自定义支付流程使用 Angular 14 实现 Stripe 自定义支付流程使用 Angular 14 实现 Stripe 自定义支付流程使用 Angular 14 实现 Stripe 自定义支付流程

    本文将介绍如何在 Angular 14 项目中集成 Stripe 支付,并实现自定义支付流程,避免使用 stripe-ngx 库及其默认弹窗样式。我们将重点讲解如何在 Angular 组件中捕获支付成功事件,避免页面跳转,以及解决使用 Stripe JS checkout 时可能遇到的 client…

    2026年10月1日 • 用户投稿
    100
  • 分享自己的SublimeText使用经验和技巧

    分享自己的SublimeText使用经验和技巧分享自己的SublimeText使用经验和技巧分享自己的SublimeText使用经验和技巧分享自己的SublimeText使用经验和技巧

    sublime text的核心功能包括命令面板、多光标编辑、goto anything和代码片段。命令面板通过可搜索命令提升操作效率;多光标编辑支持同时在多个位置修改内容;goto anything实现快速文件与符号跳转;代码片段减少重复输入并降低错误率。这些功能共同构建了高效流畅的开发体验。 对我…

    2026年10月1日 • 用户投稿
    200

发表回复

登录后才能评论
关注微信