Question

我正在尝试获取和修改日期值，我从猫鼬那里获取了日期值，我正确地获取了该值，并且我可以正确地对其进行了修改，但是moongoose给了我这种格式的日期：

YYYY-MM-DDT00：00：00.000Z，

因此，我想使用意大利语格式更改显示值，例如：DD / MM / YYYY。我已经尝试过了：

<template>
    <div class="col">
        <span> Date </span>
        <input
         :value="birth" v-on:input="birth = $event.target.value" type="date" />
        </div>
</template>

    <script>
    import DataService from '@/services/DataService'
    import ClickToEdit from '@/components/ClickToEdit'
    import moment from 'moment'
    export default {
      name: 'Options',
      data: function() {
        return {
         birth: '',
        }
      },
      methods: {
        async getAllInfo() {
          var userInfo = await DataService.getInfoFromSomeWhere({
          })
        this.birth = this.frontEndDateFormat(userInfo.data.user[0].birth)
        },
        frontEndDateFormat: function(date) {
        return moment(date, 'YYYY-MM-DDT00:00:00.000Z').format('DD/MM/YYYY')
       }
      },
      mounted() {
      this.getAllInfo()
     }
    }
    </script>

日期已正确更改，但是vue页面未显示日期值，我认为是因为默认输入值以这种方式显示日期：

gg / mm / aaaa

我已经尝试用gg / mm / aaaa而不是DD / MM / YYYY来更改frontEndDateFormat方法，但是如果这样做，我在输入中会有一个奇怪的值，例如gg / 00 / amamamama（我认为这是问题所在与时刻有关。

所以我尝试使用：

<input :value="birth" v-on:input="birth = $event.target.value" type="date" v-model="date" />

但是如果出现错误：

：value =“ birth”与同一元素上的v模型冲突，因为后者已经在内部扩展为值绑定

我在做什么错？谢谢

Vue没有显示日期值

0 个答案: