欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementui date picker

程序员文章站 2022-05-10 19:49:08
...

选择日期范围

在选择日期范围时,我们希望时分秒为指定自己想要的数值。

elementui date picker

   <el-date-picker
     v-model="datePickerVal"
     type="daterange"
     :range-separator="$t('membershipIntroduction.to')"
     :start-placeholder="$t('membershipIntroduction.Starttime')"
     :end-placeholder="$t('membershipIntroduction.Endtime')"
     value-format='yyyy-MM-dd HH:mm:ss'
     :default-time="['00:00:00','23:59:59']"
     size="small"
   >
   </el-date-picker>

提交数据时以数据方式,但是需要注意,当清空时间时值会变成undefined,所以需要检查

   let obj = {
     search: this.MemberInforInput,
     startTime: this.date ? this.date[0] : null,
     endTime: this.date ? this.date[1] : null,
     tagIds: this.chooseTag.map(r => r.id)
   }
相关标签: elementui