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(){
    this.dateFormated = moment(birth_date).format('YYYY-MM-DD');
    //then you send dateFormated variable instead of birth_date
}

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

1 个答案: