使用element UI日期组件向后台传输日期一般情况下需要使用value-format属性,
将Fri Sep 22 2017 00:00:00 GMT+0800转化为yyyy-MM-dd
当不使用value-format=“yyyy-MM-dd"时,接受日期的变量类型不做要求(试了下{},[],”".都可以)
但是一旦使用value-format="yyyy-MM-dd"接受日期的变量类型必须为 [] 。
而且使用日期选择器,必须导入以下依赖:
<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
<script src="https://unpkg.com/element-ui/lib/index.js"></script>
demo:
<div id="app">
<template>
<div class="block">
<el-date-picker
v-model="date"
@change="change"
type="daterange"
range-separator="至"
start-placeholder="开始月份"
end-placeholder="结束月份"
value-format="yyyy-MM-dd"
>
</el-date-picker>
</div>
</template>
</div>
<script type="text/javascript">
new Vue({
el: '#app',
data: {
date: []
},
methods: {
change() {
alert(this.date)
}
},
});
</script>