elementUI 日期时间选择

问题记录中心✘

已于 2023-02-10 14:17:35 修改

阅读量261

点赞数

文章标签：前端

于 2023-02-10 14:13:25 首次发布

本文链接：https://blog.csdn.net/weixin_40394560/article/details/128969164

版权

  // 默认7天
  dataTime: [new Date(new Date().setTime(new Date().getTime() - 3600 * 1000 * 24 * 7)), new Date()]
  
 <el-date-picker
          v-model='dataTime'
          type='datetimerange'
          :picker-options='pickerOptions'
          range-separator='至'
          start-placeholder='开始日期'
          end-placeholder='结束日期'
          align='right'
          format="yyyy-MM-dd HH:mm:ss"
          value-format="yyyy-MM-dd HH:mm:ss"
          @change='changeTime'
          clearable>
</el-date-picker>

// 如果 value-format='timestamp' 得到的是时间戳
changeTime() {
       console.log(this.dataTime) // ['2023-01-01 14:23:12','2023-01-30 14:23:12']
    },
注意：默认时得到的格式不是 yy-MM-dd HH:mm:ss