主页 / 问题 / 1572091
Accepted
delphi
Asked:2024-03-18 16:49:16 +0000 UTC2024-03-18 16:49:16 +0000 UTC

Vue如何计算日期中的月份

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

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

结果：

在此输入图像描述

如何用简短的月份名称替换月份数字？

像这样： 20DEC24

vue.js

1 个回答

  1. Best Answer

    我会做这样的事情：

    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>

    • 0

相关问题