精华内容
下载资源
问答
  • vue 时间格式化

    万次阅读 2017-08-24 15:29:54
    讲述一下vue时间格式化

    讲述一下vue时间格式化。


    (一)函数封装(将该函数封装成一个文件,或者加入自己项目的函数库)

    // 这个函数 网上  随处可见,我也是应用了别人的。
    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);
    }
    

    (二)文件引入注意:由于是函数,故名字要和函数的名字一致

    import { formatDate } from '../../unit/index.js'

    (三)添加到过滤器中

    filters: {
        formatDate(time) {
        var date = new Date(time);
        return formatDate(date, 'yyyy-MM-dd');
       }
    },

    (四)使用场景一: 在HTML中使用

    // item.createdate是后台数据~~
    <div class="bottomTimee fz12 c_9a">{{item.createdate | formatDate}}</div>

    (五)使用场景二: 在提交时候使用

    let nowDate = formatDate(new Date(), 'yyyy-MM-dd hh:mm')

    ok了~~~
    时间格式化的,在网上有了很多的函数。本博客所提供的函数也仅仅是其一。

    展开全文
  • Vue 时间格式化

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

     

    methods{//   时间格式化
    	dateFormat:function(time) {
    		var date=new Date(time);
    		var year=date.getFullYear();
    		/* 在日期格式中,月份是从0开始的,因此要加0
    		 * 使用三元表达式在小于10的前面加0,以达到格式统一  如 09:11:05
    		 * */
    		var month= date.getMonth()+1<10 ? "0"+(date.getMonth()+1) : date.getMonth()+1;
    		var day=date.getDate()<10 ? "0"+date.getDate() : date.getDate();
    		var hours=date.getHours()<10 ? "0"+date.getHours() : date.getHours();
    		var minutes=date.getMinutes()<10 ? "0"+date.getMinutes() : date.getMinutes();
    		var seconds=date.getSeconds()<10 ? "0"+date.getSeconds() : date.getSeconds();
    		// 拼接
    		return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
    	},
    }

    在要格式的地方进行调用方法:

    <td class="center" style="text-align: center;"><span> {{ dateFormat(ser.created)}}</span></td>

     

    展开全文
  • vue时间格式化

    2021-03-09 17:45:52
    npm引入 npm install moment --save ... Vue.prototype.$moment = moment 在界面中使用 <el-table-column prop="createTime" label="时间" align="center">{{$moment().format('YYYY-MM-

    npm引入

    npm install moment --save
    

    在main.js引入

    	import moment from 'moment'
    	Vue.prototype.$moment = moment
    

    在界面中使用

          <el-table-column
                  prop="createTime"
                  label="时间"
                  align="center">{{$moment().format('YYYY-MM-DD hh:mm')}}
          </el-table-column>
    
    展开全文
  • Vue时间格式化

    千次阅读 2019-01-11 21:00:19
    format.js export const formatDateTime = (date, fmt) => { if (!date) { return "";... if (typeof date === 'string') { ... fmt = fmt.replace(RegExp.$1, ....vue {{CreateTime|formatDateTime}}  

    format.js

    export const formatDateTime = (date, fmt) => {
        if (!date) {
            return "";
        }
        if (typeof date === 'string') {
            date = new Date(date);
        }
        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) {
            let str = o[k] + '';
            if (new RegExp(`(${k})`).test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (RegExp.$1.length === 1) ? str : padLeftZero(str));
            }
        }
        return fmt;
    }
    
    export const format = {
        formatDateTime
    }
    
    export default format;

    .ts

    import format from "@/plugins/format";
    
    @Component({
      filters: {
        formatDateTime(date) {
          return format.formatDateTime(date, "yyyy-MM-dd hh:mm:ss");
        }
      }
    })

    .vue

    <van-col>
        {{CreateTime|formatDateTime}}
    </van-col>

     

    展开全文
  • VUE 时间格式化

    2017-06-01 15:46:47
    Vue.filter('isMain', function (value) { if(value == 0){ return '是'; }   if(value == 1){ return '否'; }  // return new Date(parseInt(value) * 1000).toLocaleString().replace(/年|月/g, "-...
  • 整理文档,搜刮出一个vue时间格式化实例代码,稍微整理精简一下做下分享。export function formatDate(date, fmt) {if (/(y+)/.test(fmt)) {fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - ...
  • 本篇文章主要介绍了vue时间格式化实例代码,这里整理了详细的代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

空空如也

空空如也

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

vue时间格式化

vue 订阅