Laravel Nova: Convert Datetime to readable output

Question

Is there an option in Laravel Nova to display an readable date-time output and/or limit the output?

For example to : 29. October 2018 / 11. November 2018, 12:10 am

Code:

   DateTime::make('Start')
                ->rules('required')
                ->sortable(),

show your blade code instead of an image – Shailendra Gupta Oct 30 '18 at 08:58 — Shailendra Gupta, Oct 30 '18 at 08:58

score 14 · Accepted Answer · answered Sep 21 '22 at 07:06

14

This is achieved in Nova 4.0+ with the displayUsing method:

DateTime::make('Updated', 'updated_at')
->displayUsing(fn ($value) => $value ? $value->format('D d/m/Y, g:ia') : '')

answered Sep 21 '22 at 07:06

Grant

5,709
2
38
50

score 12 · Answer 2 · answered Oct 30 '18 at 10:11

12

As per documentation https://nova.laravel.com/docs/1.0/resources/fields.html#datetime-field

use Laravel\Nova\Fields\DateTime;

DateTime::make('Start')->format('DD MMMM YYYY'),

Must use Moment.js formatting rules https://momentjs.com/docs/#/displaying/format/

answered Oct 30 '18 at 10:11

r00t

468
3
10

2

Does not work in laravel nova 4.* – ejobity Jan 06 '23 at 00:45

score 4 · Answer 3 · answered Oct 30 '18 at 09:09

4

use this, hope it will works

Date::make('start')->format('F j, Y'),

answered Oct 30 '18 at 09:09

Shailendra Gupta

1,054
6
15

4

This is not working on `Laravel Nova 4.*` – Muh Ghazali Akbar Jun 03 '22 at 20:52
See my answer above for Nova 4.* – Grant Nov 09 '22 at 03:49

Alexander Budovsky · Answer 4 · 2019-03-28T16:59:12.453

We also faced such a problem. This solution DateTime::make('Start')->format('DD MMMM YYYY'), helps only for index page, but didn't help for Edit page. I don't know when this bug will be fixed in new Nova releases but we temporary used small hardcoding.

1. nova/src/Fields/Date.php

 instead: return $value->format('Y-m-d');
 use this one: return $value->format('m/d/Y');

1. nova/resources/js/components/Form/DateField.vue

 In this vue component also should be changed a date format: dateFormat="m/d/Y".

1. nova/resources/js/components/Form/DateField.vue

 For placeholder method use this one:
     return this.field.placeholder || moment().format('MM/DD/YYYY')
Instead this:
     return this.field.placeholder || moment().format('YYYY-MM-DD')

1. Also You should use Mutator in Your App\Model class if you store data in the database in another format. Something like this:


    public function setLastUsedAttribute($value){
          $date = Carbon::createFromFormat('m/d/Y', $value);
          $this->attributes['last_used'] = $date->format('Y-m-d');
    }

Laravel Nova: Convert Datetime to readable output

4 Answers4