Vue datatable date format

<!--You should use a custom row cell :-->

<v-data-table :headers="headers" :items="logs">
  <template v-slot:item.createdOn="{ item }">
    <span>{{ new Date(item.createdOn).toLocaleString() }}</span>
  </template>
</v-data-table>

Source: stackoverflow.com

Laravel datatable format date column

$projects = Project::select('id', 'name', 'date_start', 'date_end');
return Datatables::of($projects)
  ->editColumn('date_start', function ($request) {
    return $request->date_start->format('Y-m-d'); // human readable format
  })
  ->editColumn('date_end', function ($request) {
    return $request->date_end->format('Y-m-d'); // human readable format
  })
  ->filterColumn('date_start', function ($query, $keyword) {
    $query->whereRaw("DATE_FORMAT(date_start,'%Y-%m-%d') like ?", ["%$keyword%"]); //date_format when searching using date
  })
  ->filterColumn('date_end', function ($query, $keyword) {
    $query->whereRaw("DATE_FORMAT(date_end,'%Y-%m-%d') like ?", ["%$keyword%"]); //date_format when searching using date
  })
  ->make(true);

Source: datatables.yajrabox.com

V-data-table format date

<v-data-table :headers="headers" :items="logs">
         <template v-slot:item.createdOn="{ item }">
           <span>{{new Date(item.createdOn).toLocaleString()}}</span>
         </template>
      </v-data-table>

Source: stackoverflow.com

Similar codes

1 vote158 views1 answer
Fullpage js cdn
Html
0 vote145 views1 answer
How to remove the content of a html element
Html
0 vote208 views1 answer
Lpluguin de whatsapp para html
Html
1 vote166 views1 answer
Html entity at sign
Html
0 vote162 views2 answers
How to set two parameter in a style tag in html
Html
-1 vote196 views1 answer
How to make whatsapp hyperlink
Html
15 votes173 views3 answers
Img tag
Html
0 vote185 views1 answer
If n and m vary inversely given that n = 1.4, m =1.2 then the constant of proportionality = ________
Html
0 vote167 views2 answers
V4l2
Html
1 vote151 views1 answer
Html prevent focus on input
Html