element UI 常用表單組件基本配置

element UI常用表單組件基本配置

日期時間範圍

需要添加兩個format

<el-col :span="6">
  <el-form-item label="時間" prop="time">
     <el-date-picker v-model.trim="time" type="datetimerange" range-separator="至" :editable="false" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss" :default-time="['00:00:00', '23:59:59']" start-placeholder="開始日期" end-placeholder="結束日期"></el-date-picker>
  </el-form-item>
</el-col>

日期時間

需要添加兩個format

<el-date-picker v-model="scope.row.time" type="datetime" placeholder="選擇日期時間" format="yyyy-MM-dd HH:mm:ss" value-format="yyyy-MM-dd HH:mm:ss"></el-date-picker>

重置表單

<el-form ref="queryForm"></el-form>
<span class="btnReset big_btn_false" @click="resetForm('queryForm')">重置</span>