我创建了一个nova工具,需要一个日期选择器。
为了查看新星日期选择器,我做了以下工作:
我添加了用户迁移文件:
$table->date('birthday')->nullable();
并在User.php
和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">
有帮助吗?谢谢!
答案 0 :(得分:2)
好,知道了!
我找到了flatpicker component page,并遵循了安装和使用说明。
然后为了使其具有良好的形状:
<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;
}
干净简单!