Функция Vue для отображения форматированной даты

У меня есть модель django, которая имеет два поля datetime, созданное и обновленное, которые должны отображаться на фронт-энде при создании объекта и отображать обновленную дату при обновлении объекта, как я могу достичь этого на vue я добавил только созданную дату, но она должна быть сформирована и должна отображать обновленную дату при обновлении объекта.

<div class="table-wrapper">
<vue-table
    type="document"
    :headers="headers"
    :items="items"
    :processing="is_processing"
    :ordering="ordering"
    :pagination="pagination"
    @update:pagination="updatePagination($event)"
    @update:ordering="updateOrdering($event)"
>
  <template slot="row" slot-scope="{ row, index }">
    <td v-text="row.created"></td>
  </template>
</vue-table>
</div>
    {% endblock %}

{% block footer_scripts %}
{{ urlParams|json_script:"url-params-data" }}

<script type="text/javascript">

</script>
<script type="text/javascript">
    var vm = new Vue({
      components: {
        Multiselect: window.VueMultiselect.default,
        VueTable: window.VueTable
      },
      mixins: [
        window.paginatedDataMixin
      ],
      el: '#wrapper',
      delimiters: ["<%","%>"],
      data: {
        api_url: list_api_url,
        headers: [
            {
          'name': 'Date',
          'field': 'created',
          'width': '20%'
        }],
        filtering: {

        },
      },
      mounted: function() {
        this.loadData('search');
      },
      methods: {
      }
    });
</script> 
{% endblock %}

v-text="row.created" показывает дату создания в формате 2022-11-02T23:56:47.698434 Мне нужно показать 02 ноября 2022 года для заголовка Date и для того же заголовка даты v-text="row.updated" покажет обновленную дату, если объект обновлен

Вернуться на верх