1.需求:需要做一个可以自定义输入时间的选择器
这个时间不需要。因为不要这个时间,就要把后面那个框给隐藏掉,所以在获取焦点时把后面那个框给删除掉。没有想到如果没有弹出这个框就获取不到这个dom元素,会报错。所以需要在获取焦点时操作。自己能力不行,还是叫小姐妹帮我解决的,在此记录一下。
在template中
<el-date-picker
v-model="formData.proStrDate"
type="datetime"
style="width: 100%;"
placeholder=""
value-format="yyyy-MM-dd"
format="yyyy-MM-dd"
@focus="getBlur"
</el-date-picker>
在methods中:
methods: {
// 获得焦点
getBlur () {
this.$nextTick(() => {
if (window.document.getElementsByClassName('el-input--small').length > 1) {
$(window.document.getElementsByClassName('el-input--small')[1].parentNode).css({'display': 'none'});
}
});
},
}
如果要时分不要秒
value-format=“yyyy-MM-dd HH:mm”
format=“yyyy-MM-dd HH:mm”