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

5 votes271 views3 answers
Add color to hr tag
Html
13 votes267 views5 answers
Html div
Html
1 vote266 views1 answer
Whatsapp hovering button css
Html
0 vote283 views1 answer
Is header default name for html head tag
Html
3 votes259 views1 answer
Responsive flexbox navbar
Html
14 votes244 views6 answers
Placeholder select html
Html
1 vote270 views1 answer
Html ul types
Html
14 votes263 views2 answers
Add a viewport meta tag to the document head to set the width of the layout viewport equal to the width of the device and set the initial scale of the viewport to 1.0.
Html
1 vote284 views1 answer
Where we can store image in django project to so that t can work in html file
Html
58 votes271 views6 answers
Copy text to clipboard javascript
Html