vue项目里的日期格式化(摘录)

 1 export function formatDate (date, fmt) {
 2   if (/(y+)/.test(fmt)) {
 3     fmt = fmt.replace(RegExp.$1, (date.getFullYear() + ‘‘).substr(4 - RegExp.$1.length))
 4   }
 5   let o = {
 6     ‘M+‘: date.getMonth() + 1,
 7     ‘d+‘: date.getDate(),
 8     ‘h+‘: date.getHours(),
 9     ‘m+‘: date.getMinutes(),
10     ‘s+‘: date.getSeconds()
11   }
12   for (let k in o) {
13     if (new RegExp(`(${k})`).test(fmt)) {
14       let str = o[k] + ‘‘
15       fmt = fmt.replace(RegExp.$1, RegExp.$1.length === 1 ? str : padLeftZero(str))
16     }
17   }
18   return fmt
19 }
20
21 function padLeftZero (str) {
22   return (‘00‘ + str).substr(str.length)

vue中插入,js文件用的是export,  vue文件引入的时候需要加{}

箭头对应的就是上面{}里面的

template中这样使用::

原文地址:https://www.cnblogs.com/midnight/p/8434402.html

时间: 2024-07-31 03:23:53

vue项目里的日期格式化(摘录)的相关文章

vue项目里的日期格式化

在项目中,我们经常需要把后台传回的日期进行格式化,可以在common里定义一个公共的js 1 export function formatDate (date, fmt) { 2 if (/(y+)/.test(fmt)) { 3 fmt = fmt.replace(RegExp.$1, (date.getFullYear() + '').substr(4 - RegExp.$1.length)) 4 } 5 let o = { 6 'M+': date.getMonth() + 1, 7 'd

如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件

copy内容的网址: https://segmentfault.com/a/1190000007020623 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 // 在开头引入webpack,后面的plugins那里需要 var webpack = require('webpack') // resolve module.exports = { // 其他代码... resolv

如何在 vue 项目里正确地引用 jquery

转载 2016年11月13日 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 // 在开头引入webpack,后面的plugins那里需要 var webpack = require('webpack') // resolve module.exports = { // 其他代码... resolve: { extensions: ['', '.js', '.vue'], fa

VUE:过滤器及日期格式化moment库

VUE:过滤器及日期格式化moment库 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>11_过滤器</title> </head> <body> <!-- 1)定义过滤器 Vue.filter(filterName,function(value[arg1,arg2,...])){ //进行一定的数组处理 ret

脚手架搭建的vue项目里引入jquery和bootstrap

引入jquery: 1.在cmd输入:npm install jquery,回车,等待.. 2.在webpack.base.conf.js里进行如下操作: 3.在webpack.prod.conf.js里进行如下操作: 4.在入口文件里引入: 不知道是不是jquery版本的问题,在重构以前写的页面时,通过在.vue文件里引入js的方式将写好的js引入(该js文件里用了jquery插件),部分功能有问题 引入bootstrap 参照网上的方式进行了实践,生效了. 主要在配置文件里添加了两个配置文件

vue 项目里正确地引用 jquery

一.NPM安装的jQuery 使用vue-cli构建的vue项目,需要修改的是build/webpack.base.conf.js 1.添加引入webpack,后面的plugins那里需要 const webpack = require('webpack') 2.增加一个plugins plugins: [ new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ $: "jquery&qu

记搭建vue项目里的一些小坑

输入npm run dev启动项目之后报了一串错误,如下: 就是一些空格缩进不规范报的错误,百度了一下发现是我初始化项目的时候Use ESLint to lint your code? (Y/n)这一步选择了Y,设置了eslint. 由于写法不标准引起的,因为我是初学者不是太熟悉eslint,就先把eslint部分的规则注释掉了: 打开webpack.base.conf.js,查找eslint 保存之后重新运行一下就没有这种错误啦 原文地址:https://www.cnblogs.com/xia

浅谈Vue项目优化

前几天看到大家说 vue 项目越大越难优化,带来很多痛苦,这是避免不了的,问题终究要解决,框架的性能是没有问题的,各大测试网站都有相关数据.下面进入正题 转自https://blog.csdn.net/qq_33834489/article/details/79144762 基础优化 所谓的基础优化是任何 web 项目都要做的,并且是问题的根源.HTML,CSS,JS 是第一步要优化的点 分别对应到 .vue 文件内的,<template>,<style>,<script&g

在vue项目中添加一个html页面,开启本地服务器

在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面,但是我的vue项目没有public,就只好放在static里面了,这样可以不经过vue的路由 2.然后就是开本地服务器,当然,是基于node的, 1)可以在这里下载 https://nodejs.org,安装完成后可以在控制台输入:node -v 查看版本号 2)下载http-server:在控制