element-ui el-date-picker 使用经验总结【持续更新】

原创 VueJs Element-Ui
阅读数: 1318 2020年03月16日

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;
        }
    },
}


phpriji.cn | 网站地图 | 沪ICP备17015433号-1