精华内容
下载资源
问答
  • vue 转换日期格式

    千次阅读 2018-09-11 16:48:00
    转换日期格式 设置过滤器  filters: {  formatDate(time) {  var date = new Date(time);  return formatDate(date, "yyyy-MM-dd");  }  }   使用方法 <span>{{item.buyTime|...

    创建date.js文件

    export function formatDate (date, fmt) {
        if (/(y+)/.test(fmt)) {
            fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
        }
        let o = {
            'M+': date.getMonth() + 1,
            'd+': date.getDate(),
            'h+': date.getHours(),
            'm+': date.getMinutes(),
            's+': date.getSeconds()
        };
        for (let k in o) {
            if (new RegExp(`(${k})`).test(fmt)) {
                let str = o[k] + '';
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
            }
        }
        return fmt;
    };
    
    function padLeftZero (str) {
        return ('00' + str).substr(str.length);
    };

    引入js

    import { formatDate } from "@/utils/date"; //转换日期格式

    设置过滤器
      filters: {
        formatDate(time) {
        var date = new Date(time);
        return formatDate(date, "yyyy-MM-dd");
        }
      }

     

    使用方法

    <span>{{item.buyTime|formatDate}}</span>

     

    展开全文
  • 项目中需要将接口返回的时间戳转换为2019-10-08格式,虽然简单,但也让自己浪费了很多时间,做下记录,方便以后使用 在公共js中添加以下代码 export function formatDate (date, fmt) { if (/(y+)/.test(fmt)) { ...

    项目中需要将接口返回的时间戳转换为2019-10-08格式,虽然简单,但也让自己浪费了很多时间,做下记录,方便以后使用

    在公共js中添加以下代码

    export function formatDate (date, fmt) {
      if (/(y+)/.test(fmt)) {
        fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length))
      }
      console.log('fmt')
      console.log(fmt)
      let o = {
        'M+': date.getMonth() + 1,
        'd+': date.getDate(),
        'h+': date.getHours(),
        'm+': date.getMinutes(),
        's+': date.getSeconds()
      }
      for (let k in o) {
        if (new RegExp(`(${k})`).test(fmt)) {
          let str = o[k] + ''
          fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str))
        }
      }
      return fmt
    };
    
    function padLeftZero (str) {
      return ('00' + str).substr(str.length)
    }
    
    export default {
      formatDate
    
    }
    
    

    以上为封装的时间类

    下面是具体组件中的调用方法

    首先引用formatDate

    import { formatDate } from '../../utils/common'
    

    使用formatDate

       var date = new Date(time)
       return formatDate(date, 'yyyy-MM-dd')
    

    在这里遇到一个坑,后台返回数据为 create_time:1570118922

    <el-table-column prop="create_time" label="入职时间" width="120" :formatter="formatDate"></el-table-column>
    

    我这里在表格中引用这个值,并用:formatter="formatDate"进行修改

     // 入职时间转换
        formatDate (row, column) {
          var date = new Date(row.create_time * 1000)
          return formatDate(date, 'yyyy-MM-dd')
        }
    

    开始的时候我直接用的

    var date = new Date(row.create_time)
    

    返回值为1970年,起初以为后台接口的坑,最后才发现自己的问题,记录下。。。。

    展开全文
  • /*** format time depend on the offer timestamp or Date instance* @param {Number, Date } date 要转换的日期* @param {String} format 字符串日期格式 default 'DD/MM/YYYY HH:mm'* @param {Boolean} instance ...

    /**

    *  format time depend on the offer timestamp or Date instance

    *  @param  {Number, Date } date 要转换的日期

    *  @param  {String} format 字符串日期格式 default 'DD/MM/YYYY HH:mm'

    *  @param  {Boolean} instance describe  配置项, 如果为true 返回转换后的日期对象实例  default false

    */

    const dateUtil = require('fecha');

    export function formatZoneDate (date, format, instance = false) {

    var isValid = new Date(date).toString() === 'Invalid Date';

    if (isValid) throw new TypeError('Offer an illegal value {date} to format');

    var getInstance = instance || false;

    if (!isValid) {

    var transformTiem = new Date(date).getTime();

    if (!getInstance) {

    return dateUtil.format(new Date(transformTiem), format || 'DD/MM/YYYY');

    }

    return new Date(transformTiem);

    }

    // var mm

    // var timeZone = getStore('timeZone')

    // var value = (date instanceof Date) ? Number(date) : date

    // if (timeZone === 'UTC+8') {

    //  mm = value + hour * 8

    // } else if (timeZone === 'UTC+9') {

    //  mm = value + hour * 9

    // }

    // return (date instanceof Date)

    // ? new Date(mm)

    // : dateUtil.format(new Date(mm), format || 'DD/MM/YYYY HH:mm')

    }

    展开全文
  • vue获取时间戳转换日期格式。方法一为转载黄轶老师的format方法:出处(黄轶老师github https://github.com/ustbhuangyi);// date.jsexport function formatDate (date, fmt) {if (/(y+)/.test(fmt)) {fmt = fmt....

    vue获取时间戳转换为日期格式。

    方法一为转载黄轶老师的format方法:出处(黄轶老师github https://github.com/ustbhuangyi);

    // date.js

    export function formatDate (date, fmt) {

    if (/(y+)/.test(fmt)) {

    fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));

    }

    let o = {

    'M+': date.getMonth() + 1,

    'd+': date.getDate(),

    'h+': date.getHours(),

    'm+': date.getMinutes(),

    's+': date.getSeconds()

    };

    for (let k in o) {

    if (new RegExp(`(${k})`).test(fmt)) {

    let str = o[k] + '';

    fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));

    }

    }

    return fmt;

    };

    function padLeftZero (str) {

    return ('00' + str).substr(str.length);

    };

    {{time | formatDate}}

    import {formatDate} from './common/date.js';

    export default {

    filters: {

    formatDate(time) {

    var date = new Date(time);

    return formatDate(date, 'yyyy-MM-dd hh:mm');

    }

    }

    }

    方法二为自写(在百度出的结果十个有九个是上述方法且在不想使用上述方法的情况下):

    使用vue.filter

    {{time | formatDate}}

    export default {

    data() {

    return {

    time: 1516703495241

    };

    },

    filters: {

    formatDate: function (value) {

    let date = new Date(value);

    let y = date.getFullYear();

    let MM = date.getMonth() + 1;

    MM = MM < 10 ? ('0' + MM) : MM;

    let d = date.getDate();

    d = d < 10 ? ('0' + d) : d;

    let h = date.getHours();

    h = h < 10 ? ('0' + h) : h;

    let m = date.getMinutes();

    m = m < 10 ? ('0' + m) : m;

    let s = date.getSeconds();

    s = s < 10 ? ('0' + s) : s;

    return y + '-' + MM + '-' + d + ' ' + h + ':' + m + ':' + s;

    }

    }

    };

    以上所述是小编给大家介绍的vue获取时间戳转换为日期格式详解整合,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

    展开全文
  • 背景介绍SpringMVC搭建的微服务系统,后端数据库对时间类型的存储使用的是Long类型,而前端框架倾向于使用yyyy-MM-dd HH:mm:ss这种标准显示格式,前端JSON格式的请求报文与后台的接口交互都需要进行格式转换,这部分...
  • 时间戳转换日期格式有三种方法: 方式一 运行 cmd 执行 npm install moment --save 或者 yarn add moment 命令,安装 moment 插件在 main.js 文件中引入 moment 插件,并定义全局过滤器 3. 在后续组件中,如果需要...
  • Vue 时间戳转换日期格式

    千次阅读 2018-08-03 10:28:22
    初学者用了element 的Vue框架,搭建了一个简单后台管理系统,遇到了数据库是时间戳的格式,数据在前端页面显示也是时间戳,开始的时候是在Java代码里将时间戳转换日期格式的,发现这样转换有时候如果数据库里的数据为空...
  • 一.转换日期格式 // 转换日期格式 let time="2019-09-06T09:49:10.000+0000"; let d = new Date(time); let Year = d.getFullYear(); let Month = d.getMonth() + 1; ...
  • JS和vue日期格式转换

    千次阅读 2017-10-18 09:23:00
    1.获取当前时间: var now=new Date(); //Tue Oct 17 2017 18:08:40 GMT+...获取当前时间的日期 new Date().getDate() //17 new Date().toLocaleString() //2017/10/17 下午6:08:40 2.引用moment.js将标准时...
  • vue中的src目录下新建utils文件夹 ,在其下面新建date.js文件,写一个时间转换的函数4c4f253ffa7908fbf029012325238f4.png代码如下export function formatTime (date) {var year = date.getFullYear()var month = ...
  • 今天遇到了vue 使用js XLSX读取 excel 转换日期格式的问题,做个记录 问题 今天写excel文件上传时,遇到了时间格式没有正确转换的问题 解决方式 借用了 项目中读取 excel内容的功能!出现 使用的XLSX来解析excel,...
  • 写一个转换日期的方法,直接使用就可以 //时间格式化函数,此处仅针对yyyy-MM-dd hh:mm:ss 的格式进行格式化 dateFormat:function(time) { var date=new Date(time); var year=date.getFullYear(); /* 在日期格式...
  • 主要介绍了vue获取时间戳转换日期格式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • 时间戳转换日期格式 - Vue

    千次阅读 2019-06-03 11:38:00
    日常开发中经常会遇到时间相关的问题,服务端返回的数据都是以时间戳的方式,那么需要将其处理转化为对应的时间格式,具体方式如下: 一、filters 中 formatDate 方法实现 <script> export default { ...
  • //Tue Oct 17 2017 18:08:40 GMT+0800 (中国标准时间)获取当前时间的日期new Date().getDate() //17new Date().toLocaleString() //2017/10/17 下午6:08:402.引用moment.js将标准时间转化成YYYY-MM-DD hh:mm:s...
  • vue 时间戳转换日期格式

    千次阅读 2018-04-18 14:23:43
    //时间格式化 dateFormat(row, column) { let date = row[column.property]; if (date == undefined) { return ""; } return moment(date).format("YYYY-MM-DD HH:...

空空如也

空空如也

1 2 3 4 5 ... 14
收藏数 279
精华内容 111
关键字:

vue转换日期格式

vue 订阅