当前位置: 首页 > 工具软件 > UI-date > 使用案例 >

Element UI中el-date-picker设置日期格式

慕容玉堂
2023-12-01

el-date-picker控件如果不指定,默认提供到后台的数据格式为:2020-11-06T10:38:57.393Z

可以采用如下方式设计其提交到后台的数据的格式

  • 第一步:为el-date-picker添加属性value-format=“yyyy-MM-dd”,意思是当前的时间绑定值得格式为yyyy-MM-dd,format=“yyyy-MM-dd” 可以添加也不添加
  • 第二步:添加@change=“getBirthDate”,并自定义事件

具体代码:

    <el-date-picker type="date" placeholder="选择生日" v-model="addUserForm.birth" style="width: 100%;"
                    format="yyyy-MM-dd" value-format="yyyy-MM-dd" @change="getBirthDate">
    </el-date-picker>
  getBirthDate (date) {
    this.addUserForm.birth = date
  }
 类似资料: