我正在使用Laravel。
我正在尝试提交月份选择器值,但是找不到从日历中获取值的方法。提交后,我得到/user/setdate 422 (Unprocessable Entity)
。
我已经设置了路线Route::post('/user/setdate','UserController@setDate');
这是我的calendar.vue组件。
<script>
import moment from 'moment';
moment.locale('pt-pt');
import VueMonthlyPicker from 'vue-monthly-picker';
var d = new Date(),minDate = new Date(),minDate = minDate.setMonth(minDate.getMonth() - 1);
console.log(minDate);
export default {
data: function() {
return {
monthLabels: moment.monthsShort(),selectedmonth: moment(new Date()),placeHolder: "Selecionar",min: moment(minDate),dateFormat: "MMM/YY",clearOption: false,fields: {},errors: {},}
},methods: {
submit() {
this.errors = {};
axios.post('/user/setdate',this.selectedmonth).then(response => {
alert('Guardado!');
}).catch(error => {
if (error.response.status === 422) {
this.errors = error.response.data.errors || {};
}
});
},},components: {
VueMonthlyPicker
},mounted() {
console.log('Component mounted.')
}
}
</script>
<template>
<form class="form-inline" @submit.prevent="submit">
<div class="input-group mb-2">
<vue-monthly-picker v-model="selectedmonth" :monthLabels="monthLabels" :min="min" :dateFormat="dateFormat" :placeHolder="placeHolder" :clearOption="clearOption"></vue-monthly-picker>
</div>
<button class="btn btn-secondary ml-2 mb-2" type="submit">Guardar</button>
</form>
</template>
谢谢。