指定的值不符合所需的格式“yyyy-MM-dd”。Vue.js

Question

我正在尝试将记录的当前日期放入我的input type="date"字段中。字符串工作得很好，当我单击按钮时，除了日期之外，它们都会进入表单。

我的输入类型是表单上的日期。我需要将日期添加为该值。

这就是我目前正在尝试的方式：this.birth_date = student.birth_date;

但日期是 Laravel 日期，我收到错误：指定的值“2000-07-08T00:00:00.000000Z”不符合所需的格式“yyyy-MM-dd”。

我还尝试使用 moment.js 格式化日期，但这也不起作用。

形式

<form @submit.prevent="addStudent()">

                <div class="form-group">

                    <input type="text" class="form-control" placeholder="First Name"  v-model="first_name">

                </div>

                <div class="form-group">

                    <input type="text" class="form-control" placeholder="Surname"  v-model="last_name">

                </div>

                <div class="form-group">

                    <input type="text" class="form-control" placeholder="Student Number" required v-model="student_number">

                </div>

                <div class="form-group">

                    <input type="text" class="form-control" placeholder="Phone Number" required v-model="phone_number">

                </div>

                <div class="form-group">

                    <input type="text" class="form-control" placeholder="E-Mail" required v-model="email">

                </div>

                <div class="form-group">

                    <input type="date" class="form-control" placeholder="Birth Date" :max="moment().format('YYYY-MM-DD')" required v-model="birth_date">

                </div>

                <div class="form-group">

                    <input type="text" class="form-control" placeholder="School Name" required v-model="school_name">

                </div>

                <button type="submit" class="btn btn-success">Save</button>

                <button @click="clearForm()" class="btn btn-info">Clear Form</button>

            </form>

请帮忙，谢谢！

Answer 1

如果在发送到后端之前在 vue 代码中格式化输入日期值 (birth_date)，效果会更好。<input type="date" class="form-control" placeholder="Birth Date" required v-model="birth_date">sumbit(){&nbsp; &nbsp; this.dateFormated = moment(birth_date).format('YYYY-MM-DD');&nbsp; &nbsp; //then you send dateFormated variable instead of birth_date}