Date formatting in Javascript Template literals

Question

I have the following:

$('#search').on('keyup',function(){
var value = $(this).val();
$.ajax({
    type : 'POST',
    url : '{{ route("search") }}',
    dataType: 'json',
    data: {
        '_token' : '{{ csrf_token() }}',
        value : value,
        company_id : '{{ request()->company_id }}'
    },
    
    success: function(res){
        var tableRow = '';

        $('#table-content').html('');

        $.each(res, function(index, value){
            tableRow = `<tr>
                            <td hidden> ${value.id} </td>
                            <td> ${value.employee_number} </td>
                            <td> ${value.name} </td>
                            <td> ${value.code } -  ${value.description } </td>
                            <td> ${value.quantity } </td>
                            <td> ${value.novelty.unit } </td>
                            <td> ${value.date} </td>
                            <td> ${value.informed}</td>
                        </tr>`
            
            $('#table-content').append(tableRow);
        });
    }
});

Its working OK but the date its printing like this: Image

And I want the date to print in d-m-Y format. I've been playing a lot with different options but none of them worked for me.

EDIT: I'dont know if it changes something but that template literal its inside the success function of an ajax request.

See https://stackoverflow.com/questions/13459866/javascript-change-date-into-format-of-dd-mm-yyyy for a helper function you could pass your "value.date" — Tonton-Blax, Aug 05 '21 at 14:45
Thanks!! @Tonton-Blax the first answer on that question worked like a charm. I've only had to add +1 to the date because for some reason it was always giving me a the day before. I image its something to do with timezones — FranVillada, Aug 05 '21 at 15:00

score 0 · Answer 1 · 2021-08-05T15:06:14.480

0

Try using this, Option 1:

value.date.toLocaleDateString(); //  d/m/y

Option 2:

value.date.getDate() + "-" + (value.date.getMonth() + 1) + "-" + value.date.getFullYear()

And also please visit here for more details regarding the javascript date.

edited Aug 05 '21 at 15:06

answered Aug 05 '21 at 14:48

I've already try that but for some reason it doesnt recognize toLocaleDateString as a function. – FranVillada Aug 05 '21 at 14:54
try using the second option. Both worked for me. – Aug 05 '21 at 15:06

Date formatting in Javascript Template literals

1 Answers1