精华内容
下载资源
问答
  • vue搭配 dateformat.js 时间格式化 使用方法: 1 npm install dateformat --save-dev 2 在要用的文件中(.vue/.js)引入 – import dateformat from ‘dateformat’ 3 使用dateformat对时间格式化 dateformat(格式...

    vue搭配 dateformat.js 时间格式化

    使用方法:

    1 npm install dateformat --save-dev

    2 在要用的文件中(.vue/.js)引入
    – import dateformat from ‘dateformat’

    3 使用dateformat对时间格式化
    dateformat(格式化时间*1000, ‘yyyy-mm-dd HH:MM:ss’)

    展开全文
  • 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

    MaskDescription
    dDay of the month as digits; no leading zero for single-digit days.
    ddDay of the month as digits; leading zero for single-digit days.
    dddDay of the week as a three-letter abbreviation.
    ddddDay of the week as its full name.
    mMonth as digits; no leading zero for single-digit months.
    mmMonth as digits; leading zero for single-digit months.
    mmmMonth as a three-letter abbreviation.
    mmmmMonth as its full name.
    yyYear as last two digits; leading zero for years less than 10.
    yyyyYear represented by four digits.
    hHours; no leading zero for single-digit hours (12-hour clock).
    hhHours; leading zero for single-digit hours (12-hour clock).
    HHours; no leading zero for single-digit hours (24-hour clock).
    HHHours; leading zero for single-digit hours (24-hour clock).
    MMinutes; no leading zero for single-digit minutes.
    MMMinutes; leading zero for single-digit minutes.
    NISO 8601 numeric representation of the day of the week.
    oGMT/UTC timezone offset, e.g. -0500 or +0230.
    sSeconds; no leading zero for single-digit seconds.
    ssSeconds; leading zero for single-digit seconds.
    SThe date’s ordinal suffix (st, nd, rd, or th). Works well with d.
    lMilliseconds; gives 3 digits.
    LMilliseconds; gives 2 digits.
    tLowercase, single-character time marker string: a or p.
    ttLowercase, two-character time marker string: am or pm.
    TUppercase, single-character time marker string: A or P.
    TTUppercase, two-character time marker string: AM or PM.
    WISO 8601 week number of the year, e.g. 42
    ZUS 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

    NameMaskExample
    defaultddd mmm dd yyyy HH:MM:ssSat Jun 09 2007 17:46:21
    shortDatem/d/yy6/9/07
    mediumDatemmm d, yyyyJun 9, 2007
    longDatemmmm d, yyyyJune 9, 2007
    fullDatedddd, mmmm d, yyyySaturday, June 9, 2007
    shortTimeh:MM TT5:46 PM
    mediumTimeh:MM:ss TT5:46:21 PM
    longTimeh:MM:ss TT Z5:46:21 PM EST
    isoDateyyyy-mm-dd2007-06-09
    isoTimeHH:MM:ss17:46:21
    isoDateTimeyyyy-mm-dd'T'HH:MM:ss2007-06-09T17:46:21
    isoUtcDateTimeUTC: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.filter('dateFormat',function(originVal){ const dt =new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2,0) const d = (dt.getDate() + '').padStart(2,0) ...

    在main.js 里面写

    
    Vue.filter('dateFormat',function(originVal){
       const dt =new Date(originVal)
       const y = dt.getFullYear()
       const m = (dt.getMonth() + 1 + '').padStart(2,0)
       const d = (dt.getDate() + '').padStart(2,0)
       const hh = (dt.getHours() + '').padStart(2,0)
       const mm = (dt.getMinutes() + '').padStart(2,0)
       const ss = (dt.getSeconds() + '').padStart(2,0)
       return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
    })
    
       <template slot-scope="scope">
             {{scope.row.create_time | dateFormat}}  
       </template>
    
    展开全文
  • 主要介绍了优化Vue中date format的性能详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • vue formatDate函数封装

    2021-10-16 17:57:51
    // date: 给定的时间戳 // fmt: 期望的输出格式 export function formatDate(date, fmt) { // 处理年份 // 正则y+ 匹配一个或多个y if (/(y+)/.test(fmt)) { // 使用.replace() 替换 RegExp.$1 匹配到的值为 ...
    function formatDate(date, fmt) {
      // 处理年份
      // 正则y+ 匹配一个或多个y
      if (/(y+)/.test(fmt)) {
        // 使用.replace() 替换 RegExp.$1 匹配到的值为 date.getFullYear
        // .substr() 截取 RegExp.$1 匹配到的 长度
        // 例如:通过/(y+).test(fmt)匹配到RegExp.$1的值为 yyy 则替换 yyy.replace('yyy',(2019 + ' ').substr(1)) 结果为: 019 
        // RegExp.$1是匹配到的结果
        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
    }
    // 处理 MM-dd hh:mm:ss 只输入一位时的处理方法
    // 例如: 期望返回 yyyy-MM-dd hh:mm:ss 的格式   但是给定的时间为: 2019-4-4 12:4:4
    function padLeftZero(str) {
      return ('00' + str).substr(str.length);
    }

     

    展开全文
  • 整理文档,搜刮出一个vue时间格式化实例代码,稍微整理精简一下做下分享。export function formatDate(date, fmt) {if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - ...
  • Vue.filter(‘dateFormat’, function(originVal) { const dt = new Date(originVal) // dt.getMonth() + 1 + ''外面加了括号是为了变成字符串 // .padStart(2,‘0’)使用此方法 第一个参数为总长度为2位,第二个是...
  • #基于vue框架技术的超集合 通过众多移动端和PC端项目的实践,以本人所在公司项目的特点而创建 主要为方便前端通用代码块的统一维护和更新,目前包含common和mobile两个模块集合 想要作为自己公司项目的依赖来开发的...
  • 出错时机:使用**:formatter=“dateFormat”** <el-table-column prop="bomCreateTime" label="创建时间" align="center" :formatter="dateFormat"></el-table-column> 报错: 原因:原因有很多,但都...
  • vue前台需要用户能看得懂的时间格式如常见的“2021-03-10 12:02:35”,但是后台数据库则需要时间格式如LocalDateTime(“2021-03-10T15:31:01”)或者Date类型的,如果数据不经过处理,直接显示,肯定可读性差。...
  • Vue 时间格式化

    万次阅读 2018-08-09 19:21:05
    dateFormat:function(time) { var date=new Date(time); var year=date.getFullYear(); /* 在日期格式中,月份是从0开始的,因此要加0 * 使用三元表达式在小于10的前面加0,以达到格式统一 如 09:11:05 ...
  • vue js日期时间格式化

    千次阅读 2019-10-10 23:51:12
    // /utils/index.js function dateFormatInit() { String.prototype.dateFormat = Number.prototype.dateFormat = function( fmt = "yyyy-mm-dd HH:MM:SS" ) { let date = new Date(this); let fmtD...
  • @ vuejs-community / vue-filter-date-parse Vue.js的简单日期解析过滤器从npm安装安装$ npm install @ vuejs-community / vue-filter-d @ vuejs-community / vue-filter-date-parse简单Vue.js的日期解析过滤器从npm...
  • 我们在做vue前端项目的时候,如果后端给到的数据是时间戳的形式,我们要把它改成正常时间格式,可以通过以下方法效果:在main.js下加入以下全局函数//自定义时间函数Vue.filter('dateFormat',function(originVal){...
  • 代码: <div class="label-style">异常时间:{{ formData.abnormalTime | formatDate('yyyy-MM-dd hh:mm:ss') }}</div> const padDate = function (value) { return value <...
  • 本文实例为大家分享了vue使用过滤器格式化日期的具体代码,供大家参考,具体内容如下案例要求 案例讲解1、查看未过滤格式化的日期格式2、设置模板函数format 接收日期值和日期格式3、按照日期格式对日期进行拼接并...
  • vue js 格式化时间

    2018-12-20 16:08:00
    常用于iview日期组件时间处理 /** * @param {Number} num 数值 * @returns {String} 处理后的字符串 * @description 如果传入的数值小于10,即位数只有1位,则在前面补充0 ... '0' + nu...
  • 官方提供的组件和数据 vue中的data数据 type: "gantt", width: "100%", // height: "30%", //高度 dataFormat: "json", dataSource: { chart: { dateformat: "mm/dd/yyyy", caption: "Event Planning Process", ...
  • 解决方法: new出的时间戳originVal 乘以个1000 originVal * 1000即可 Vue.filter('dateFormat', function(originVal) { const dt = new Date(originVal * 1000) 结果如下: 这里插槽中直接用 | 引入就可以 创建...
  • 需要把时间统一格式化为自己想要的格式,在vue中为我们提供了一个filter过滤器, 去格式化自己想要的时间格式,本人用过两种方式去格式化时间,下面请看代码: (仅供参考) 第一种格式化方法: 第一种方法比较...
  • vue-directive

    千次阅读 2019-07-03 10:26:18
     Vue.filter('dateFormat', function (dateStr, pattern = "") {  // 根据给定的时间字符串,得到特定的时间  var dt = new Date(dateStr)  // yyyy-mm-dd  var y = dt.getFullYear()  var m = dt....
  • 采用vue单文件组件,使用moment插件格式化日期 <h1>{{date | dateFormat}} [removed] import moment from 'moment'; import 'moment/locale/zh-cn'; moment.locale('zh-cn'); export default { data() ...
  • vue+element-ui 表格中的时间格式化

    千次阅读 2020-12-22 18:26:24
    这次的问题是,在后台的管理页面中,用户信息需要增加创建时间,后台传过来的时间戳 (1491559642000)这样的格式,在表格中显示正常的 YYYY-MM-DD HH:...-save1,在组件中prop="createTime":formatter="dateFormat"la...
  • 格式化时间的插件库 点击进入 moment.js网址,在这里可以找到需要引入的script标签 点击进入 moment.js的文档在文档中可以找到对应的格式和例子 此文来源于:...
  • vue项目工具文件utils.js

    万次阅读 2018-04-13 10:09:36
    import Vue from 'vue'import XLSX from 'xlsx'/** * 图片预览方法 * 已注入所有Vue实例, * template模板里调用 $imgPreview(src) * 组件方法里调用 this.$imgPreview(src) */const imgPreview = (src) =&...
  • vue中常用处理时间格式化方法

    千次阅读 2019-07-29 17:19:15
    vue中常用处理时间格式化方法 import Vue from 'vue' import moment from 'moment' // 将时间戳转化为xxxx-xx-xx xx:xx:xx的时间格式 Vue.filter('datetime', timestamp => { function format (number) { ...
  • 今天使用v-for获取一个时间戳, 然后加过滤器,添加数据之后, 变成了NaN-NaN-NaN,不加过滤器,能够正常显示出来。... Vue.filter('dateFormat',function(dateStr,pattern){ //根据给定的时间字符串,得到特定的时间
  • 装包 :npm i moment 第一: 作为 vue 过滤器 01.在 main.js文件中 设置 :...Vue.filter('dateformat',function(dataStr,pattern='YYYY-MM-DD'){ if(dataStr){ returnmoment(dataStr).format(pattern) }else...

空空如也

空空如也

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

dateformatvue

vue 订阅