.....................
.....................
.....................
<el-date-picker
size="mini"
v-model="value1"
type="date"
placeholder="选择日期"
format="yyyy/MM/dd"
value-format="yyyy/MM/dd"
style="padding-left: 30px;"
@change="updateDate">
</el-date-picker>
......................
......................
......................
<script>
export default {
.......
.......
.......
data() {
return {
value1: "",
};
},
methods: {
updateDate: function(val) {
console.log("val:"+val)
this.value1=val
console.log("this.value1:"+this.value1)
}
}
};
</script>
1.format:显示在输入框中的格式
2. value-format:可选,绑定值的格式。不指定则绑定值为 Date 对象
3. change:用户确认选定的值时触发;组件绑定值。格式与绑定值一致,可受 value-format 控制
4. 效果:
官方文档说明:DatePicker 日期选择器