element-ui 的日期时间选择器非常好用,就是过于复杂,文档案例太少。
刚开始使用时候碰到几个问题,记录下来日后参考。
问题一:不是自己想要的时间格式,默认给出莫名其妙还带中文的时间!
设置 value-format 属性,传入到变量的时间就是:2020-03-16 12:24:01。更多格式请参考文档:https://element.eleme.cn/#/zh-CN/component/date-picker#ri-qi-ge-shi
..el-date-picker v-model="form.recommend_time" type="datetimerange" :picker-options="pickerOptions" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" @change="getRecommendTime" :disabled="!form.recommend_index" align="right"... .el-date-picker..
问题二:使用时间范围的时候,绑定变量只能获得一个时间,咋整?
使用 change 事件来处理。
//js部分-methods 里面 methods:{ getRecommendTime:function(){ if (this.form.recommend_time) { this.form.recommend_start_time = this.form.recommend_time[0]; this.form.recommend_end_time = this.form.recommend_time[1]; } else { this.form.recommend_start_time = null; this.form.recommend_end_time = null; } }, }