Element plus 时间选择器 和下拉列表 的值的获取

<el-form-item label="时间">
                    <div class="block">
                        <span class="demonstration"></span>
                        <el-date-picker v-model="value1" 
                        type="daterange"
                         range-separator="至" start-placeholder="开始日期"
                         end-placeholder="结束日期" />
                    </div>
                </el-form-item>
<el-form-item label="订单状态">
                    <el-select v-model="value2" clearable placeholder="Select">
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
                    </el-select>
                </el-form-item>

const value1 = ref([]);
const value2 = ref([]);

        // 下拉列表
        queryFormData.order_status = value2.value;
        //时间选择器
        // console.log(value1.value[0]);
        // 2022-09-13T16:00:00.000Z
        queryFormData.start_time=new Date(formatDateTime(value1.value[0])).getTime();
        queryFormData.end_time=new Date(formatDateTime(value1.value[1])).getTime();

可以通过ref的方法将双向绑定的值拿出来,在网上搜很久都是vue2的用法

posted @ 2022-11-19 23:08  zxzzxz  阅读(780)  评论(0)    收藏  举报