Laravel Livewire Calendar 日历模块

Laravel
Laravel Livewire Calendar 是由 Andrés Santibáñez 提供的组件,用于在美观的月历中显示事件.

Livewire Calendar UI preview

要开始使用此组件,您将创建一个扩展 LivewireCalendar 类的组件,并重写events()方法:

public function events(): Collection
{
    return Model::query()
        ->whereDate('scheduled_at', '>=', $this->gridStartsAt)
        ->whereDate('scheduled_at', '<=', $this->gridEndsAt)
        ->get()
        ->map(function (Model $model) {
            return [
                'id' => $model->id,
                'title' => $model->title,
                'description' => $model->notes,
                'date' => $model->scheduled_at,
            ];
        });
}

接下来,您需要像任何Livewire组件一样在任何视图中包含组件:

<livewire:appointments-calendar/>

{{--指定年和月--}
<livewire:appointments-calendar
   year="2019"
   month="12"
/>

此组件还提供了更高级的自定义 UI。查看 README 的 高级自定义部分。您可以了解有关此包的更多信息,及完整的安装说明,并在Github上查看 源代码

本文中的所有译文仅用于学习和交流目的,转载请务必注明文章译者、出处、和本文链接
我们的翻译工作遵照 CC 协议,如果我们的工作有侵犯到您的权益,请及时联系我们。

原文地址:https://laravel-news.com/laravel-livewir...

译文地址:https://learnku.com/laravel/t/63192

本文为协同翻译文章,如您发现瑕疵请点击「改进」按钮提交优化建议
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L02 从零构建论坛系统》
以构建论坛项目 LaraBBS 为线索,展开对 Laravel 框架的全面学习。应用程序架构思路贴近 Laravel 框架的设计哲学。
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!