在工作中,从后台获取的数据是中国标准时间,但是需要传"年-月-日 "格式的参数,iview日期选择器中的写法,绑定的数据自己需要定义:
template:
<Form ref="submitForm"
:label-width="120"
class="form">
<Form-item label="有效期限"
prop="valid_period">
<DatePicker type="date"
format="yyyy-MM-dd"
v-model="submitForm.valid_period"
@on-change="handleDateChange"
placeholder="请选择有效期限">
</DatePicker>
</Form-item>
</Form>
js:
// 格式化时间
formatDateTime (date) {
var date = new Date(date);
var y = date.getFullYear();
var m = date.getMonth() + 1;
m = m < 10 ? ('0' + m) : m;
var d = date.getDate();
d = d < 10 ? ('0' + d) : d;
var h = date.getHours();
},
// 提交
handleSubmit(){
this.submitForm.valid_period = this.formatDateTime(this.submitForm.valid_period)
},
// 日期选择器变化
handleDateChange(){}