I want to format 2016-09-14T13:46:39+0000 to DD/MM/YYYY. The data is ing from a JSON file/url into a bootstrap-table. Is there a way to format this using bootstrap-table or javascript?

See jsfiddle

Thanks,

<table data-toggle="table" 
   data-url=""
   data-row-style="rowStyle">
<thead>
<tr>
    <th data-field="createdAt">Created At</th>
</tr>
</thead>

I want to format 2016-09-14T13:46:39+0000 to DD/MM/YYYY. The data is ing from a JSON file/url into a bootstrap-table. Is there a way to format this using bootstrap-table or javascript?

See jsfiddle

Thanks,

<table data-toggle="table" 
   data-url="https://api.myjson./bins/44564"
   data-row-style="rowStyle">
<thead>
<tr>
    <th data-field="createdAt">Created At</th>
</tr>
</thead>

• javascript
• json
• bootstrap-table

• It might just make sense to search the web for "javascript date format" or something similar, no? – Dave Newton Commented Nov 14, 2016 at 14:38
• @DaveNewton I have tried, but it got me confused. :( – NinjaShawarma Commented Nov 14, 2016 at 14:39
• here is the google link google./… – Kevin Kloet Commented Nov 14, 2016 at 14:40
• But there are running examples on the web and on Stack Overflow. I'd remend at least trying something before asking someone to do it for you, but maybe that's just me. In general SO is for specific problems as opposed to asking people to do all the work. – Dave Newton Commented Nov 14, 2016 at 14:40
• 1 @Igor I've looked into the API but I couldn't find something useful. Thanks! I will dig deep. – NinjaShawarma Commented Nov 14, 2016 at 14:44

1 Answer 1

Check this will resolve your issue.. Am using moment js to format data.. ..

function dateFormat(value, row, index) {
   return moment(value).format('DD/MM/YYYY');
}

<script src="https://ajax.googleapis./ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://momentjs./downloads/moment.min.js"></script>
<script src="https://rawgit./wenzhixin/bootstrap-table/master/src/bootstrap-table.js"></script>
<link href="https://rawgit./wenzhixin/bootstrap-table/master/src/bootstrap-table.css" rel="stylesheet"/>

<table data-toggle="table" 
       data-url="https://api.myjson./bins/44564"
       data-row-style="rowStyle">
    <thead>
    <tr>
        <th data-field="createdAt" data-formatter="dateFormat">Created At</th>
    </tr>
    </thead>
</table>