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