Element DateTimePicker 日期时间选择器 默认时间设置,并获取value值
如何设置默认值,获取时间格式value值
value-format设置
value-format=“yyyy-MM-dd HH:mm:ss” //对样式进行格式化
dateString()
通过dateString()方法对value值进行初始化
created()创建初始化
Data获取现在的日期 年月日小时分钟秒
substring()对获取到的时间进行截取 这里我只截取了年月日,时分秒我设置了自己的默认,可继续下去自己截取
export default {
data() {
return {
// value: ‘2019-08-17 20:30:00’,
value: ‘’,
};
},
methods: {
dateString: function () {
let year = new Date().toLocaleDateString().substring(0, 4);
let month = new Date().toLocaleDateString().substring(5, 6);
let day = new Date().toLocaleDateString().substring(7, 9);
return year+"-"+month+"-"+day+" "+“20:30:00”;
}
},
created(){
this.value=this.dateString();
}
};
具体可参考https://element.eleme.cn/#/zh-CN/component/datetime-picker
完整代码如下
代码片
.
// 创建一个Vue文本,如test.vue,将以下内容放入
<template>
<div class="block">
<span class="demonstration">时间默