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

Question

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

为了查看 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">

有什么帮助吗？谢谢！

Answer 1

好的，知道了！

我找到了 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;
}

简洁明了！

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

Laravel nova tool - add datepicker

datepicker

laravel

vuejs2

laravel-nova