laravel-livewire - 如何在 livewire 日期选择器中设置属性?
问题描述
在https://laravel-livewire.com/docs/alpine-js查看 DatePicker 示例的 livewire 1.3 应用程序中, 我看不到如何设置自定义参数并在选择日期时使用它?我需要输入隐藏的输入格式化日期以保存在数据库中。我在属性中添加了 1 个参数:
<x-date-picker
wire:model="start_date"
id="start_date"
autocomplete="off"
attributes="{hidden_element:'hidden_start_date'}"
/>
并在 resources/views/components/date-picker.blade.php :并尝试在日期选择事件中读取:
<div>
<input
x-data
x-ref="input"
x-init="new Pikaday({
field: $refs.input,
format:'M/D/YYYY',
onSelect: function() {
console.log(this.el); // that shows html code of datepicker
console.log('getAttribute:');
console.log(this.el.getAttribute('hidden_element')); // shown null
$( this.el.getAttribute('hidden_element') ).val( dateToMySqlFormat(this._d) );
// code above does not work !
}
})"
type="text"
{{ $attributes }}
>
</div>
哪种方法有效?
谢谢!
解决方案
我找到了决定:
<x-date-picker
wire:model="start_date"
id="start_date"
autocomplete="off"
hidden_element="hidden_start_date"
/>
在我的组件中:
<div>
<input
x-data
x-ref="input"
x-init="new Pikaday({
field: $refs.input,
format:'M/D/YYYY',
onSelect: function() {
{{-- console.log(this);--}}
$('#'+$el.getAttribute('hidden_element')).val( dateToMySqlFormat(this._d) );
}
})"
type="text"
{{ $attributes }}
>
</div>
!
推荐阅读
- c - 为什么我的这部分代码总是返回值 0?
- regex - 正则表达式:从字符串中提取键/值
- java - Serializable 和 ArrayStoreException 的问题
- python - 如果列与特定字符串匹配,则删除数据框中的行
- python - 仅在 CI 管道上包含下划线的模块的 Python Django ModuleNotFoundError
- c++ - 为什么编译vs2019 Simple C++ console app源码需要windows sdk编译?任何解决方法?
- sql - SAS SQL 中的枢轴翻译,更简单?
- c++ - 如何使用 SSE2 添加到变量?
- sql-server - 您可以在 GAC 以外的位置安装自定义 SSIS 组件吗?
- ios - 无法将 iOS 自定义框架添加到 KMM(Kotlin 多平台)模块(找不到 cinteropXXXIosArm64 FAILED 模块)