其他分享
首页 > 其他分享> > 2021-09-14

2021-09-14

作者:互联网

vue时间戳转换日期格式

后台返回的时间戳格式(例如:creatTime: 1626832597790),需要用时间格式显示
<!-- 需要(2021-07-21)格式就用这种写法 -->
  		
      	<el-table-column align="center" label="通知时间">
          <template slot-scope="scope">
            <span v-if="scope.row.creatTime != null">
            	{{ parseTime(scope.row.creatTime, "{y}-{m}-{d}") }}
            </span>
          </template>
        </el-table-column>
<!-- 需要(2021-07-21 09:56:37)格式就用这种写法 -->
  	
        <el-table-column align="center" label="通知时间">
          <template slot-scope="scope">
            <span v-if="scope.row.creatTimes!= null">
              {{ parseTime(scope.row.creatTime ) }}
            </span>
          </template>
        </el-table-column>
       需要向后台传时间戳格式的写法 如下格式

第一种:

在这里插入图片描述

  return{
      startTime:"",
      endTime:"",
  }
   startTime: Date.parse(this.startTime),
   endTime: Date.parse(this.endTime),

第二种:如果开始时间或者结束时间取当天时间

  return{
      startTime: new Date(),
      endTime:"",
  }
   startTime: Date.parse(this.startTime),
   endTime: Date.parse(this.endTime),

第三种:如下格式|||

在这里插入图片描述

   <el-form-item>
          <span class="demonstration">日期筛选:</span>
          <el-date-picker
            v-model="createTime"
            type="daterange"
            range-separator="至"
            start-placeholder="开始日期"
            end-placeholder="结束日期"
          >
          </el-date-picker>
        </el-form-item>
  return{
      createTime:"",
  }
  startTime:this.createTime && this.createTime[0] ? new Date(this.createTime[0]).getTime() : "",
  endTime:this.createTime && this.createTime[1] ? new Date(this.createTime[1]).getTime(): "",

标签:14,09,parse,2021,startTime,Date,格式,endTime,createTime
来源: https://blog.csdn.net/LW0512/article/details/120287699