【问题标题】:Laravel nova tool - add datepickerLaravel nova 工具 - 添加日期选择器
【发布时间】:2019-03-30 00:48:05
【问题描述】:

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

为了查看 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(),

    ];
}

我有一个不错的日期选择器:

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

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

有什么帮助吗?谢谢!

【问题讨论】:

    标签: laravel datepicker vuejs2 laravel-nova


    【解决方案1】:

    好的,明白了!

    我找到了flatpicker component page,并按照安装和使用说明进行操作。

    然后为了让它很好地形成:

    <flat-pickr v-model="fromDate" class="form-control form-input form-input-bordered datepicker-field"></flat-pickr>
    

    我在&lt;style&gt; 标签中添加了:

    .datepicker-field {
        cursor: pointer !important;
        background-color: white !important;
    }
    

    干净简单!

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-08-22
      • 2017-12-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-01-31
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多