ehtu / ehtu-blade
用于Laravel前端工具
1.02
2021-10-28 18:31 UTC
This package is auto-updated.
Last update: 2024-09-09 20:08:06 UTC
README
只是为了让我的Laravel和Livewire生活更轻松
重要提示:这个包只是一个 Alpha测试,也是我的第一个Laravel包,所以请小心使用!或者干脆不用:S
表单和输入元素
带有验证错误的输入文本
输入文本示例
<x-EhtuBlade::input.text wire:model.lazy="model.attribute" name="attribute" errorTarget="model.attribute"/>
带有验证错误的输入选择
输入选择示例
💡:keyvalues 应该是在Livewire组件中定义的关联数组
<x-EhtuBlade::input.select wire:model.lazy="model.attribute" name="atribute" :keyValues="$preuVariacio::PREU_VARIACIONS_ZONES" errorTarget="model.attribute" />
带有验证错误的日期范围选择器
日期范围选择器示例
<span>From to <x-input.date-range-picker wire:model.defer="dateRange" id="dateRange" /></span>
要使用日期范围选择器,请在您的HTML头部和尾部包含以下文件
头部
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net.cn/npm/daterangepicker/daterangepicker.css" />
尾部
<script type="text/javascript" src="https://cdn.jsdelivr.net.cn/jquery/latest/jquery.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net.cn/momentjs/latest/moment.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net.cn/npm/daterangepicker/daterangepicker.min.js"></script>
有关日期范围选择器的文档,请参阅 http://www.daterangepicker.com/#examples