首页 > 其他分享 >Element plus 时间选择器 和下拉列表 的值的获取

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

时间:2022-11-19 23:26:59浏览次数:57  
标签:value Element plus value1 列表 queryFormData ref 选择器

<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的用法

标签:value,Element,plus,value1,列表,queryFormData,ref,选择器
From: https://www.cnblogs.com/zxz1999/p/16907497.html

相关文章