laravel - Laravel nova 工具 - 添加日期选择器
问题描述
我创建了一个新星工具,需要一个日期选择器。
为了查看 Nova 日期选择器,我执行了以下操作:
我添加到用户迁移文件:
$table->date('birthday')->nullable();
并将其反映在User.php
and中Nova\User.php
:
public static $search = [
'id', 'name', 'email', 'birthday'
];
public function fields(Request $request)
{
return [
:
:
Date::make('birthday')
->sortable(),
];
}
现在我想在我的工具中使用相同的工具,但无法将其附加到日期字段。
顺便说一句,用户表单中的日期字段具有以下html:
<input data-v-d0bd8056="" dusk="birthday" name="birthday"
type="text" placeholder="2018-10-25"
class="w-full form-control form-input form-input-bordered flatpickr-input active">
有什么帮助吗?谢谢!
解决方案
好的,我知道了!
我找到了flatpicker 组件页面并按照安装和使用说明进行操作。
然后为了让它很好地形成:
<flat-pickr v-model="fromDate" class="form-control form-input form-input-bordered datepicker-field"></flat-pickr>
在<style>
标签中我添加了:
.datepicker-field {
cursor: pointer !important;
background-color: white !important;
}
干净又简单!
推荐阅读
- authentication - 如何在访问 Google App 的多个服务之间共享凭据
- vba - 如何将空白转换为制表符
- sas - SAS:IF 语句中的通配符
- javascript - 单击按钮本身不会播放视频
- autodesk-forge - 无法为 Autodesk BIM 360 docs 项目创建 webhook
- angularjs - 未在 ui-view 中加载的部分 html 之一
- docker - Spring Boot Docker com.netflix.discovery.shared.transport.TransportException:无法在任何已知服务器上执行请求
- text - 与 gedit 中的文本选择进行比较
- javascript - 从javascript数组变量设置元素oninput
- php - Htaccess 错误 404 子目录