momentjs实现距离当前时长并且回现中文效果

最新推荐文章于 2023-12-08 11:48:46 发布

shino_1125

最新推荐文章于 2023-12-08 11:48:46 发布

阅读量988

点赞数

文章标签：前端 javascript

本文链接：https://blog.csdn.net/weixin_38312808/article/details/112392905

版权

一、需求

momentjs实现距离当前时长并且回现中文效果，如刚刚，1小时前，2小时前，1天前。。。

二、代码

代码如下（示例）：

const moment = require("moment")
moment.locale('zh-cn')

console.log(moment('2021-01-09 15:49:00').fromNow()) // "10 分钟前"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

shino_1125

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

关于js和vue以及项目搭建的相关问题

weixin_43689726的博客

08-08

616

关于js，vue,以及项目搭建和跨域等问题

fastadmin 各种开发技巧，问题总合集，持续跟新中....

最新发布

xxpxxpoo8的专栏

07-09

1311

也可以单独获取某个字段 js 需改后的代码需要带花括号下面简单介绍一下几个配置的含义 name:唯一标识,其中index/add/edit/del/multi/dragsort这几个框架已经暂用,如果使用将会覆盖已有属性 text:按钮上的文本，可以为空时，为空时按钮将不显示文字信息，为空时最好配置上icon的值 title:按钮的标题信息，当鼠标移到上面时显示的文字，同时作为dialog弹出窗时的标题信息 icon:按钮上的按钮信息，可使用Font-awesome的按钮，当text为空时请务必填

参与评论您还未登录，请先登录后发表或查看评论

moment.js时间格式转化moment().fromNow()和moment().from()

weixin_57246351的博客

08-06

3216

moment().fromNow()和moment().from()使用法下载moment插件 **一,moment(‘时间’).fromNow()**把某个时间转化为多久以前 yarn add moment -S a,全局引入 //引入 import moment from 'moment' //挂载到原型 Vue.prototype.$moment = moment //转化为汉语, 不转化会是英语 moment.locale("zh-CN") 模板内使用 $moment('时间').fromN

把moment.js转换为中文版

qcg14774125的博客

01-17

3872

首先贴代码 _moment.defineLocale('zh-cn', { months : '一月_二月_三月_四月_五月_六月_七月_八月_九月_十月_十一月_十二月'.split('_'), monthsShort : '1月_2月_3月_4月_5月_6月_7月_8月_9月_10月_11月_12月'.split('_'), ...

moment.js的使用以及中文本地化

liujjjjjjj的博客

12-22

1512

关于Moment.js的使用首先需要对项目中安装依赖 // npm npm i moment -S // yarn yarn add moment 在项目引入依赖 import moment from 'moment' 如果需要做本地化，需要显示中文的话需要在引入中文的包 import 'moment/locale/zh-cn' // 引入前 {moment().startOf('minitues').fromNow()} // a few seconds ago*斜体样式* // 本地化

时间插件moment.js如何设置中文语言环境

leveretz的博客

11-15

2291

时间插件moment.js如何设置中文语言环境

js实现中文时间

weixin_46383743的博客

04-12

645

步骤：第一步：先设置好数字的大写和汉字第二步：获取div再设置时间每隔多少秒会执行第三步：获取时间精确到年份月份日期天数毛分每秒第四步：获取年份并且转换为字符串第五步：设置时间的精确度看代码 HTML代码 js代码 ......

javascript实现的距离现在多长时间后的一个格式化的日期

10-29

在JavaScript中，日期和时间处理是一项常见的任务，特别是在创建动态和实时更新的用户...在实际开发中，如果需要更复杂的日期和时间处理，可以使用`moment.js`或`date-fns`等库，它们提供了更丰富的功能和更友好的API。

web前端不用怕，外卖平台的项目开发流程，大全！！

weixin_53000915的博客

03-06

3211

项目开发流程 1. 创建客户端项目 1.1 使用 vue-cli(脚手架)搭建项目 #在Github新建Vue-MintShop项目,然后clone到本地 git clone git@github.com:W-Qing/Vue-MintShop.git cd Vue-MintShop #创建客户端项目 vue init webpack mintshop-client cd mintshop-client npm install npm run dev 访问: localhost:8080 1.2 项目结构

首次使用VUE搭建简单项目问题汇总

Zlantan的博客

07-01

261

* 以下内容为学习VUE全家桶时遇到的问题整理，学习中复现的网站为‘卖座电影’移动端，问题的顺序不是线性的，只是起思路整理和提醒的作用，许多具体问题还要配合文档观看。* 1. *跨域请求问题：* 跨域请求问题的解决方案主要有三种，JSONP、cors方法和服务代理（反向代理），目前JSONP使用较少，这里详细说一下cors方法和服务代理。 Cors方法：在服务端设置响应头”Access-Control-Allow-Origin:”这样所有人都可以向该服务器请求数据，通配符也可以替换成后端允许请求的域名。（当

如何在Vue中设置moment为中文

泥鸽鸽的博客

03-04

1615

如何使用moment.js格式化时间为中文正常情况下使用moment.js返回的数据结果为英文如果要使用moment.js自带的方式格式化时间就需要设置设置使用但是很多人不知道在哪里使用这个其实我们在项目初始化之后就调用这个就能设置时间为中文比如在Vue中之后就可以正常使用moment的时间工具 ...

moment 获取实时时间

敲代码无敌小奶龙的博客

12-08

704

moment 获取实时时间

moment 时长计算

weixin_45422787的博客

04-19

2117

date1 = 2020-01-06; date2 = 2021-12-25; Moment.duration(Moment(date2).diff(date1, 'day'), 'day').asDays() diff()方法获取差异 asDays（）获取天数

js/jquery 计算日期/时间差及moment.js使用

qq_16843563的博客

02-12

1085

1.下载并引用moment.js 下载地址 http://momentjs.cn/ 2.用法，示例（持续更新）： //当前日期与目标日期差值： moment().diff(moment(目标日期值), 'days') 3.官网基础使用日期格式化 moment().format('MMMM Do YYYY, h:mm:ss a'); // 二月 12日 2022, 10:39:38 晚上 moment().format('dddd'); // 星期六 moment()

moment获取几小时前,在Moment Js中获取两个日期之间的小时差异

weixin_39991935的博客

12-22

273

I'm able to get the difference between two dates using MomentJs as follows:moment(end.diff(startTime)).format("m[m] s[s]")However, I also want to display the hour when applicable (only when >= 60 m...

Moment.js让日期处理变得更简单

weixin_30641465的博客

01-30

129

在大多数的vue项目中，都可以看到引用了Moment.js这个JavaScript 日期处理类库，进入官网看了一下，确实十分实用，基本日常用到的和时间相关的逻辑处理，都能通过moment.js轻松实现，下面就平时用过的一些api做个总结。当前日期格式化 let curTime = moment().format('YYYY-MM-DD HH:mm:ss') console.log('当前日期时间...

日期转换为按时间计算显示（刚刚、6分钟前、12小时前、1天前、11月3日...）

qq_41594043的博客

11-19

890

dateHelper.js (前提安装过moment.js) import moment from 'moment' /** * @param {number} time * @param {string} option * @returns {string} */ export function formatTime(time, option) { if (!time || time.length == '') { return } const d = new Date(m

moment与当前时间做时间差

carior的博客

03-21

4863

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> </body> </html> <scri...

js moment 相对于当前时间的表现形式（5分钟前，1小时前）

aiee的博客

12-20

6753

/** * 获取相对于当前时间的表现形式 */ function timeFromNow(time) { const format="YYYY-MM-DD HH:mm:ss"; const formatDate="YYYY-MM-DD"; const formatTime="HH:mm:ss"; let timeStr=moment(time).format(...

moment.js获取当前时间

07-16

要使用Moment.js获取当前时间，您可以按照以下步骤操作： 1. 首，确保您已经在您的项目中安装了Moment.js。您可以使用npm或者接在HTML文件中引入Moment.js库。 2. 在您的代码中，使用以下语法获取当前时间： ```...