ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

2021-09-14

2021-09-28 09:59:09  阅读:219  来源: 互联网

标签:14 09 parse 2021 startTime Date 格式 endTime createTime


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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有