Как из даты вычислить месяц Vue

Question

<template>
  <div class="app">
    <div>
      Дата: <input type="text" v-model="date"><br><br>
      
      -{{ date }}
    </div>
  </div>
</template>

<script>
export default {
    data (){
      return {
        date: '',
      }
    }
}
</script>

Результат:

Как мне сделать чтобы в место цифры месяца было короткое имя месяца

типа этого: 20ДЕК24

Answer 1

Я бы сделал примерно так:

new Vue({
    el: '#app',
    data () {
        return {
            date: '',
        }
    },
    computed: {
        dateText(){
            const date = new Date(this.date);
            return `${date.getFullYear()}${date.toLocaleString('ru', {month:'short'})}${date.getDate()}`;
        }
    }
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.2/vue.min.js"></script>
 <div id="app">
    <div>
      Дата: <input type="date" v-model="date" /><br/><br/>
      
      -{{ dateText }}
    </div>
  </div>

БЛОГ НА HUSL

Как из даты вычислить месяц Vue

Ответы (1 шт):