VUE + Element-UI实现对表单日期格式化

格式化日期选择器组件的时间

1.DatePicker 日期选择器

<el-form-item label="创建日期" label-width="100px">
          <el-date-picker
            value-format="yyyy/MM/dd"
            type="date"
            placeholder="请选择日期"
            v-model="formData.createDate"
          ></el-date-picker>
 </el-form-item>

2.TimePicker 时间选择器

<el-form-item label="创建时间" label-width="100px">
    	<el-time-select
    		value-format="HH:mm:ss"
  			v-model="createTime"
  		    :picker-options="{
      			selectableRange: '00:00:00 - 23:59:59'
    		}"
  			placeholder="请选择时间">
		</el-time-select>
 </el-form-item>

3.DateTimePicker 日期时间选择器

<el-form-item label="创建时间" label-width="100px">
    	<el-date-picker
    		value-format="yyyy-MM-dd HH:mm:ss"
      		v-model="createDateTime"
      		type="datetime"
      		placeholder="选择日期时间">
	    </el-date-picker>
 </el-form-item>

给对应的选择器添加对应的
value-format="xxx"
属性，即可格式化时间或者日期。