el-date-picker与el-time-picker的时间格式设置-CSDN博客

      <el-form-item label="Activity time">

        <el-col :span="8">

          <el-date-picker v-model="form.date1" :format="'yyyy-MM-DD'" value-format="yyyy-MM-dd" type="date" placeholder="Pick a date" style="width: 100%;" />

        </el-col>

        <el-col :span="3" class="line">-</el-col>

        <el-col :span="8">

          <el-time-picker v-model="form.date2" :format="'HH:mm'" value-format="HH:mm" type="fixed-time" placeholder="Pick a time" style="width: 100%;" />

        </el-col>

      </el-form-item>

      <el-form-item label="Is Active" prop="isActic">

        <el-switch v-model.trim="form.isActic" name="isActic"/>

      </el-form-item>

界面显示使用:format="'yyyy-MM-DD'" :format="'HH:mm'"

传给后台的值用 value-format="yyyy-MM-dd"  value-format="HH:mm"

el-date-picker如果没有设置:format的话有概率的会出现选择日期后控件上并没有显示出来