精华内容
下载资源
问答
  • Vue处理时间

    千次阅读 2018-07-16 10:59:52
    date.js export function formatDate(date, fmt) { //正则匹配/(y+)/ 字符串fmt--'...//Mon Jan 19 1970 01:28:27 GMT+0800 (中国标准时间)  return formatDate(date, 'yyyy-MM-dd hh:mm');  } } }
    date.js
    export function formatDate(date, fmt) {
       //正则匹配/(y+)/ 字符串fmt--'yyyy-MM-dd hh:mm',如果匹配到,就获取第一个匹配的文本,即yyyy,
        if (/(y+)/.test(fmt)) { 
            console.log(typeof(date.getFullYear()));
            fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length));
             //将yyyy替换成年份,如1970
             // date.getFullYear()的类型是number,(date.getFullYear() + '') 加个空字符串将number转成字符串类型
             // substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。
        }
        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);
    }

    组件页面:

    <template>
    	<div>
    		<div>{{time | formatDate}}</div>
    	</div>	
    </template>
    <script>
    import {formatDate} from '../commons/date.js';
    	export default{
    		data() {
    			return {
    				time: 1531707123
    			}
    		}
    		filters:{
    		  formatDate(time) {
    	            var date = new Date(time);//Mon Jan 19 1970 01:28:27 GMT+0800 (中国标准时间)
    	            return formatDate(date, 'yyyy-MM-dd hh:mm');
    	          }
    		}
    	}
    </script>
    
    展开全文
  • vue 处理时间问题,dateformat

    千次阅读 2019-02-25 11:04:19
    dateformat是什么 什么是dateformat,A node.js package for Steven Levithan's excellent dateFormat() function. dateformat使用教程帮助文档 dateformat A node.js package for Steven Levithan’s excellent...

    dateformat是什么

    什么是dateformat,A node.js package for Steven Levithan's excellent dateFormat() function.

    dateformat使用教程帮助文档

    dateformat

    A node.js package for Steven Levithan’s excellent dateFormat() function.

    Build Status

    Modifications

    • Removed the Date.prototype.format method. Sorry folks, but extending native prototypes is for suckers.
    • Added a module.exports = dateFormat; statement at the bottom
    • Added the placeholder N to get the ISO 8601 numeric representation of the day of the week

    Installation

    $ npm install dateformat
    $ dateformat --help

    Usage

    As taken from Steven’s post, modified to match the Modifications listed above:

    var dateFormat = require('dateformat');
    var now = new Date();
    
    // Basic usage
    dateFormat(now, "dddd, mmmm dS, yyyy, h:MM:ss TT");
    // Saturday, June 9th, 2007, 5:46:21 PM
    
    // You can use one of several named masks
    dateFormat(now, "isoDateTime");
    // 2007-06-09T17:46:21
    
    // ...Or add your own
    dateFormat.masks.hammerTime = 'HH:MM! "Can\'t touch this!"';
    dateFormat(now, "hammerTime");
    // 17:46! Can't touch this!
    
    // You can also provide the date as a string
    dateFormat("Jun 9 2007", "fullDate");
    // Saturday, June 9, 2007
    
    // Note that if you don't include the mask argument,
    // dateFormat.masks.default is used
    dateFormat(now);
    // Sat Jun 09 2007 17:46:21
    
    // And if you don't include the date argument,
    // the current date and time is used
    dateFormat();
    // Sat Jun 09 2007 17:46:22
    
    // You can also skip the date argument (as long as your mask doesn't
    // contain any numbers), in which case the current date/time is used
    dateFormat("longTime");
    // 5:46:22 PM EST
    
    // And finally, you can convert local time to UTC time. Simply pass in
    // true as an additional argument (no argument skipping allowed in this case):
    dateFormat(now, "longTime", true);
    // 10:46:21 PM UTC
    
    // ...Or add the prefix "UTC:" or "GMT:" to your mask.
    dateFormat(now, "UTC:h:MM:ss TT Z");
    // 10:46:21 PM UTC
    
    // You can also get the ISO 8601 week of the year:
    dateFormat(now, "W");
    // 42
    
    // and also get the ISO 8601 numeric representation of the day of the week:
    dateFormat(now,"N");
    // 6

    Mask options

    Mask Description
    d Day of the month as digits; no leading zero for single-digit days.
    dd Day of the month as digits; leading zero for single-digit days.
    ddd Day of the week as a three-letter abbreviation.
    dddd Day of the week as its full name.
    m Month as digits; no leading zero for single-digit months.
    mm Month as digits; leading zero for single-digit months.
    mmm Month as a three-letter abbreviation.
    mmmm Month as its full name.
    yy Year as last two digits; leading zero for years less than 10.
    yyyy Year represented by four digits.
    h Hours; no leading zero for single-digit hours (12-hour clock).
    hh Hours; leading zero for single-digit hours (12-hour clock).
    H Hours; no leading zero for single-digit hours (24-hour clock).
    HH Hours; leading zero for single-digit hours (24-hour clock).
    M Minutes; no leading zero for single-digit minutes.
    MM Minutes; leading zero for single-digit minutes.
    N ISO 8601 numeric representation of the day of the week.
    o GMT/UTC timezone offset, e.g. -0500 or +0230.
    s Seconds; no leading zero for single-digit seconds.
    ss Seconds; leading zero for single-digit seconds.
    S The date’s ordinal suffix (st, nd, rd, or th). Works well with d.
    l Milliseconds; gives 3 digits.
    L Milliseconds; gives 2 digits.
    t Lowercase, single-character time marker string: a or p.
    tt Lowercase, two-character time marker string: am or pm.
    T Uppercase, single-character time marker string: A or P.
    TT Uppercase, two-character time marker string: AM or PM.
    W ISO 8601 week number of the year, e.g. 42
    Z US timezone abbreviation, e.g. EST or MDT. With non-US timezones or in the
    '...'"..." Literal character sequence. Surrounding quotes are removed.
    UTC: Must be the first four characters of the mask. Converts the date from local time to UTC/GMT/Zulu time before applying the mask. The “UTC:” prefix is removed.

    Named Formats

    Name Mask Example
    default ddd mmm dd yyyy HH:MM:ss Sat Jun 09 2007 17:46:21
    shortDate m/d/yy 6/9/07
    mediumDate mmm d, yyyy Jun 9, 2007
    longDate mmmm d, yyyy June 9, 2007
    fullDate dddd, mmmm d, yyyy Saturday, June 9, 2007
    shortTime h:MM TT 5:46 PM
    mediumTime h:MM:ss TT 5:46:21 PM
    longTime h:MM:ss TT Z 5:46:21 PM EST
    isoDate yyyy-mm-dd 2007-06-09
    isoTime HH:MM:ss 17:46:21
    isoDateTime yyyy-mm-dd'T'HH:MM:ss 2007-06-09T17:46:21
    isoUtcDateTime UTC:yyyy-mm-dd'T'HH:MM:ss'Z' 2007-06-09T22:46:21Z

    Localization

    Day names, month names and the AM/PM indicators can be localized by passing an object with the necessary strings. For example:

    var dateFormat = require('dateformat');
    dateFormat.i18n = {
        dayNames: [
            'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat',
            'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'
        ],
        monthNames: [
            'Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec',
            'January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'
        ],
        timeNames: [
            'a', 'p', 'am', 'pm', 'A', 'P', 'AM', 'PM'
        ]
    };
    展开全文
  • Vue时间处理

    2020-01-15 16:31:29
    前些时间做es时发现,vue前端传递到后台的时间是utc时间格式,也就是说会跟东八区相差8个小时,导致依赖于时间的es的业务会出现很大的变差,后来研究后发现,vue提供了时间处理的函数 代码部分: Vue前端时间处理:...

    前言:

    前些时间做es时发现,vue前端传递到后台的时间是utc时间格式,也就是说会跟东八区相差8个小时,导致依赖于时间的es的业务会出现很大的变差,后来研究后发现,vue提供了时间处理的函数

    代码部分:

    Vue前端时间处理:this.$Date(this.listForm.startTime).format('YYYY-MM-DD HH:mm:ss')
    在这里插入图片描述

    总结

    $Date就可用于时间处理,注意,YYYY、DD必须大写

    展开全文
  • vue moment 时间处理

    2020-12-14 14:10:16
    moment时间处理的使用: 1. 安装moment cnpm i moment --save 2. 引入moment import moment from 'moment' 3. 使用moment moment(时间戳).format('YYYY-MM-DD hh:mm:ss') moment().format('MMMM Do ...
    moment时间处理的使用:
    	1. 安装moment
        	cnpm i moment --save
    	
    	2. 引入moment
    	    import moment from 'moment'
    	
    	3. 使用moment
    	    moment(时间戳).format('YYYY-MM-DD hh:mm:ss')
    
    
    moment().format('MMMM Do YYYY, h:mm:ss a'); // 十二月 14日 2020, 2:06:53 下午
    moment().format('dddd');                    // 星期一
    moment().format("MMM Do YY");               // 12月 14日 20
    moment().format('YYYY [escaped] YYYY');     // 2020 escaped 2020
    moment().format();                          // 2020-12-14T14:06:53+08:00
    
    dateFormat: function(tick) {
          return moment(tick).format("YYYY-MM-DD HH:mm:ss");
        },
    
    展开全文
  • Vue处理时间问题

    2019-11-20 14:08:21
    Vue处理时间问题 一般情况后台传回来的时间格式是时间戳形式,前端需要自己转化时间,但每次都把后端所传数据forEach出来转化特别麻烦,所以封装一个js就可以通用了。 export function formatDate(date, fmt) { ...
  • vue 时间处理filter

    2019-07-25 11:14:25
    {{getDetailData.updated_time | formatDate}} filters: { formatDate (time) { if(time) { let timestamp = (new Date()).valueOf() ...
  • vue 前端处理时间转换问题

    千次阅读 2019-05-30 20:42:31
    vue 前端处理json格式的时间显示Date问题 如json返回数据为:/Date(1373333344)/转换成正常的时间日期格式:2019-06-01 00:00:00 主要解决方法步骤: 一、项目下安装依赖(使用时间转换的插件moment):npm ...
  • vue dayjs处理时间格式

    2020-10-30 17:20:06
    安装 dayjs 依赖包 npm install dayjs --save util.js 公共方法文件中引入dayjs import dayJs from 'dayjs';... 封装方法 const formatDate = (date, format) => { if (date) { ... }, dayjs配置Format处理时间的格式
  • vue插件处理相对时间

    2020-12-02 22:58:03
    两者都是专门用于处理时间的 JavaScript 库,功能差不多,因为 Day.js 的设计就是参考的 Moment.js。但是 Day.js 相比 Moment.js 的包体积要更小一些,因为它采用了插件化的处理方式。 Day.js 是一个轻量的处理时间...
  • vue.js处理时间

    千次阅读 2017-09-22 16:37:01
    1.main.js ,全局过滤...import Vue from 'vue' import App from './App' import router from './router' import store from './vuex/index.js' import Vuex from 'vuex' //引入axios import axios from 'axios' Vue.
  • 1、首先添加一个工具列,处理date时间,方便我们在页面中既可以使用工具类来处理时间,也可以再过滤器中使用工具类,创建date.js工具类 const date = { format(date,fmt){ return format(date,fmt); }, ...
  • vue,moment时间处理

    2020-11-05 14:24:07
    1.下载 npm i moment --save 2.main.js 挂载 import moment from 'moment'//导入文件 Vue.prototype.$moment = moment;//赋值使用 this.$moment('string').format("YYYY-DD-MM") ...3.momentJS时间加减处理
  • vue时间控件常用处理

    2021-01-08 17:51:08
    1、处理时间后面时间不能大于前面的时间,前面时间大于等于当前日期 <DatePicker v-model="formData.startTime" type="datetime" format="yyyy-MM-dd" placeholder="请选择" :opti...
  • 其实通过开发者调试工具,我从network中我已经可以看到请求vendor.js和app.js资源的时间太长了,导致整体请求时间过长。其实学过vue的都知道,htm中只有一个root 的容器,是一个单页应用,需要将所有需要的资源都...
  • 1.filter过滤器管道符 第二种方法 接受数据的同时改变数据,处理数据 artlist(){ artlists({ params:{ limit:this.limit, page:this.page } }).then((data)=>{ if(data.data.code==0){
  • 引入自己的处理时间文档 来解决main中写大量处理时间的问题 export default function dateFormat(date, format) { if (typeof date === "string") { var mts = date.match(/(\/Date\((\d+)\)\/)/); if (mts &...
  • 在使用vue table组件进行数据渲染的时候通常会遇到关于时间的数据显示异常的问题,原因通常在于后端接口给我们返回的时间数据格式不一致所导致,所以需要我们来自定义一个关于时间处理的过滤器来处理这个问题 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,245
精华内容 498
关键字:

vue处理时间

vue 订阅