搜索artificertech / blade-time-elements
github/time-elements包的blade实现
Requires
- illuminate/support: ~7|~8|~9
Requires (Dev)
- orchestra/testbench: ~5|~6
- phpunit/phpunit: ~9.0
README
此包是github/time-elements包的blade包装器。此包提供了blade组件和blade指令，以便轻松在您的laravel项目中使用时间元素。查看contributing.md以查看待办事项列表。
安装
通过Composer
composer require artificertech/blade-time-elements
用法
在您的项目中包含时间元素javascript。您可以通过在应用程序布局文件中使用以下blade指令来完成此操作
<body> ... <!-- Time Element Scripts --> @timeElementScripts </body>
或者您也可以查看github/time-elements文档，了解如何通过npm包含脚本
脚本包含后，您可以使用以下任何一个blade组件来渲染时间元素。datetime属性接受ISO 8601格式的时间戳字符串或Carbon\Carbon实例
<x-relative-time datetime="{{ $item->created_at }}"></x-relative-time> <x-local-time datetime="{{ $item->created_at }}"></x-local-time> <x-time-until datetime="{{ $item->created_at }}"></x-time-until> <x-time-ago datetime="{{ $item->created_at }}"></x-time-ago>
您还可以向组件传递任何其他附加属性，这些属性将添加到HTML元素中。有关每个元素可以接受哪些属性的完整列表，请参阅github/time-elements文档。
每个组件还有一个可空的默认插槽。
<x-time-ago datetime="{{ $item->created_at }}" class="test-class" format="micro"> backup text </x-time-ago>
Livewire
如果您在livewire上下文中使用time-elements，可能会遇到问题，即livewire重新渲染页面后时间元素无法工作。为了解决这个问题，每个时间元素都包含wire:replace功能（由https://github.com/archtechx/wire-replace包提供）
请遵循此处说明通过npm或CDN安装该包
变更日志
请参阅changelog以获取有关最近更改的更多信息。
贡献
请参阅contributing.md以获取详细信息及待办事项列表。
安全
如果您发现任何与安全相关的问题，请通过cole.shirley@artificertech.com发送电子邮件，而不是使用问题跟踪器。
鸣谢
许可证
MIT。请参阅许可证文件以获取更多信息。