一、原生js处理

时间戳和字符串都可以:

createdtimeformat (value){
      let date = new Date(value*1000)
	  //字符串
     //let date = new Date(value)

      let Y = date.getFullYear()
      let M = date.getMonth() +1
      M = ( M < 10 ? '0' + M:M )
      let D = (date.getDate() < 10 ? '0' + date. getDate(): date.getDate())
      let h = (date.getHours() < 10 ? '0' +date.getHours() : date.getHours())
      let m = (date.getMinutes() < 10 ?'0' +date.getMinutes() : date.getMinutes())
      let s = (date.getSeconds() < 10 ? '0' + date.getSeconds(): date.getSeconds())
      return Y + '-' + M +'-' + D + ' ' + h +':' + m +':' + s

    }

二、moment,更简洁和方便解析各种格式

 首先引入依赖moment

      在<script> 引入:

<script>
  import {BaseVue, List} from '@lib'
  import moment from 'moment'

1、处理el-table     

a、入依赖moment:import moment from 'moment'

b、在行字段添加属性 :formatter

         :formatter="dateFormat"

        <el-table-column
            align="center"
            width="150"
            sortable
            :formatter="dateFormat"
            prop="createdDate"
            label="申请时间"
            show-overflow-tooltip="true">
          </el-table-column>

c、格式化行中日期方法dateFormat

 dateFormat(row, column) {
        let date = row[column.property]
        if (date == undefined) {
          return ''
        }
        return moment(date).format("YYYY-MM-DD HH:mm:ss")
      },

2、处理el-input

  a、入依赖moment:import moment from 'moment'

  b、格式化字符串日期方法

 dateStrFormat(strTime) {
               if (strTime== undefined) {
	          return ''
	        }
        return moment(strTime).format("YYYY-MM-DD HH:mm:ss")
      },

c、调用,在初始化页面时

 this.user.createdDate = this.dateStrFormat(this.user.createdDate)

纪录点点滴滴,成为海洋的一滴水!

GitHub 加速计划 / vu / vue
207.54 K
33.66 K
下载
vuejs/vue: 是一个用于构建用户界面的 JavaScript 框架,具有简洁的语法和丰富的组件库,可以用于开发单页面应用程序和多页面应用程序。
最近提交(Master分支:2 个月前 )
73486cb5 * chore: fix link broken Signed-off-by: snoppy <michaleli@foxmail.com> * Update packages/template-compiler/README.md [skip ci] --------- Signed-off-by: snoppy <michaleli@foxmail.com> Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com> 4 个月前
e428d891 Updated Browser Compatibility reference. The previous currently returns HTTP 404. 5 个月前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐