elementui中表单日期查询

最新推荐文章于 2024-11-25 10:01:34 发布

原创最新推荐文章于 2024-11-25 10:01:34 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

博客围绕ElementUI中表单查询展开，虽未提供具体内容，但可知聚焦于该前端组件库的表单查询相关信息技术内容。

   <el-form :inline="true" :model="model" class="demo-form-inline">
      <el-form-item label="时间">
        <el-date-picker
          v-model="model.startDate"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          type="date"
          placeholder="请选择">
        </el-date-picker>
        <span style="margin: 5px;">至</span>
        <el-date-picker
          v-model="model.stopDate"
          format="yyyy-MM-dd"
          value-format="yyyy-MM-dd"
          type="date"
          placeholder="请选择">
        </el-date-picker>
      </el-form-item>
      <el-form-item label="业态">
        <el-select v-model="model.id" clearable placeholder="请选择">
          <el-option
            v-if="conditionBusinessList != null && conditionBusinessList.length > 0"
            v-for="item in conditionBusinessList"
            :key="item.value"
            :label="item.label"
            :value="item.value">
          </el-option>
        </el-select>
      </el-form-item>
      <el-form-item>
        <el-button type="primary" @click="onSubmit">查询</el-button>
      </el-form-item>
    </el-form>