Laravel Nova工具-添加日期选择器

时间:2018-10-25 11:56:47

标签: laravel datepicker vuejs2 laravel-nova

我创建了一个nova工具,需要一个日期选择器。

为了查看新星日期选择器,我做了以下工作:
我添加了用户迁移文件:

$table->date('birthday')->nullable();

并在User.phpNova\User.php中反映出来:

public static $search = [
    'id', 'name', 'email', 'birthday'
];

public function fields(Request $request)
{
    return [
           :
           :
        Date::make('birthday')
            ->sortable(),

    ];
}

我有一个不错的日期选择器:  enter image description here

现在,我希望在工具中使用相同的工具,但无法将其附加到日期字段。

顺便说一句,用户表单中的日期字段具有以下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">

有帮助吗?谢谢!

1 个答案:

答案 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;
}

干净简单!