在JavaScript中获取时间的方法有多种,一般可以引用moment.js这个库来获取时间,还可以通过自己编写代码来获取时间。
在moment.js中获取时间就涉及到了moment.js的下载和引用,这个详情可以去官网查看(http://momentjs.cn/timezone/),我们说一下配置好moment.js后,怎么获取时间。
对于当前的时间的获取:
moment().format('L'); // 2018-03-01 moment().format('l'); // 2018-03-01 moment().format('LL'); // 2018年3月1日 moment().format('ll'); // 2018年3月1日 moment().format('LLL'); // 2018年3月1日晚上6点02分 moment().format('lll'); // 2018年3月1日晚上6点02分 moment().format('LLLL'); // 2018年3月1日星期四晚上6点02分 moment().format('llll'); // 2018年3月1日星期四晚上6点02分
还可以日期格式化
moment().format('MMMM Do YYYY, h:mm:ss a'); // 三月 1日 2018, 6:08:27 晚上 moment().format('dddd'); // 星期四 moment().format("MMM Do YY"); // 3月 1日 18 moment().format('YYYY [escaped] YYYY'); // 2018 escaped 2018 moment().format(); // 2018-03-01T18:08:27+08:00
上述的功能需要在引用moment.js后实现的。
还有一种自己写代码来完成
function time(){ var myDate = new Date(); var year=myDate.getFullYear(); var month=myDate.getMonth(); var newMonth = (month+1)>9?(month+1):"0"+(month+1); // 03月 var day=myDate.getDate(); var newday = day>9?day:"0"+day; // 09日 var hours=myDate.getHours(); var newhours = hours>9?hours:"0"+hours; // 06时 var minutes=myDate.getMinutes(); var newminutes = minutes>9?minutes:"0"+minutes; // 06分 var seconds=myDate.getSeconds(); var newseconds= seconds>9?seconds:"0"+seconds; // 03秒 var now_time= year+"年"+ newMonth+"月"+newday+"日 "+ newhours+":"+newminutes+":"+newseconds; return now_time } var now_time=time(); console.log(now_time) //输出当前时间 例如 2018年03月01日 18:13:49
上面的代码可以根据我们需要的是时间的格式来进行改变
如果不需要再月份或者几号前面加0的话 代码段的 var newMonth = (month+1)>9?(month+1):"0"+(month+1);取消,相应的代码略微改动即可。
还有一点需要记住 月份的获取是0-11所以要在获取的月份+1才是当前的月份
还有一种就是获取相对时间
moment("20111031", "YYYYMMDD").fromNow(); // 6 年前 上行代码是获取20111031相对于当前的时间 因为20111031到20180331是6年6个月,今天是20180302多出的月份小于6个月舍去 所以是6年前 moment("20120620", "YYYYMMDD").fromNow(); // 6 年前 上行代码是获取20120620相对于当前的时间 因为20120620到现在20180302是5年7个月多出的7个月大于半年所以进位1年 所以是6年前 moment().startOf('day').fromNow(); // 11 小时前 上行代码是获取 上一天相对于现在过去了多少小时 比如现在是10.34 分钟大于30分钟,进位1小时,所以相对于现在上一天是11小时前 moment().startOf('day').fromNow(); // 10 小时前 上行代码是获取 上一天相对于现在过去了多少小时 比如现在是10.29 分钟小于30分钟 ,舍去29分钟,所以相对于现在上一天是10小时前 moment().endOf('day').fromNow(); // 13 小时内 上行代码是获取 下一天相对于现在差多少小时,也可以说是还有多久到下一天。 比如现在是10.34 分钟大于30分钟 ,进位1小时,所以进位到11点 所以还有13个小时到下一天 moment().endOf('day').fromNow(); // 14 小时内 上行代码是获取 下一天相对于现在差多少小时,也可以说是还有多久到下一天。 比如现在是10.29 分钟小于30分钟 ,舍去29分,所以现在时间为10点 所以还有14个小时到下一天 moment().startOf('hour').fromNow(); // 34 分钟前 上行代码是获取 上个整点到现在过了多久 ,也是多少分钟前是整点 比如现在是10.34 所以上个整点10点是 34分钟前
以上为个人理解,如有错请告知。
相关推荐
在探讨如何利用JavaScript获取系统时间之前,我们先来理解一下JavaScript中的Date对象,它是处理日期和时间的关键。Date对象提供了多种方法,可以用来获取当前或指定的日期和时间信息,包括年、月、日、小时、分钟、...
本文将详细介绍几种常见的使用JavaScript刷新页面的方法,并解释它们的工作原理。 #### 1. 使用`history.go(0)` `history.go(0)`会重新加载当前文档。这个方法与`location.reload()`的效果相同,但它的实现方式...
本文将介绍几种使用JavaScript获取服务器时间的方法。 首先,一种常见的方法是通过创建AJAX请求到服务器,并从服务器端获取时间。使用AJAX请求可以避免刷新页面而重新获取时间。在上面给出的代码示例中,定义了一个...
`getDay()`方法返回一周中的第几天,其中0代表周日,1-6分别代表周一到周六。我们可以根据返回值来设置不同的颜色。比如: ```javascript var daysOfWeek = ['周日', '周一', '周二', '周三', '周四', '周五', '...
JavaScript 的 `Date` 对象提供了一系列的方法来处理日期和时间。我们可以通过创建一个特定月份的 `Date` 对象,并将其日期设置为该月的第一天或最后一天来获取该月的天数。 ##### 示例代码: ```javascript ...
在JavaScript中,可以使用new Date()来创建一个日期时间对象,并使用该对象的各种方法来获取年、月、日、时、分、秒等信息。 其次,方法中使用了定时器函数setInterval()来定时执行JavaScript代码,以及...
2. **获取时间值**: - `Date.now()`:返回当前时间距离1970年1月1日(UTC)的毫秒数。 - `date.getTime()`:返回`Date`对象表示的日期和时间距离1970年1月1日(UTC)的毫秒数。 3. **获取日期和时间组件**: - ...
可以通过以下几种方式创建`Date`对象: 1. `new Date()`:创建当前时间。 2. `new Date(value)`:根据自1970年1月1日以来的毫秒数创建时间。 3. `new Date(dateString)`:使用时间字符串创建时间。 4. `new Date...
例如,`new Date()`可以创建一个表示当前日期和时间的新实例,`getDate()`和`getHours()`等方法则用于获取日期和时间的各个部分。然而,对于更复杂的用户界面,比如日历或时钟控件,单纯使用Date对象可能不够。 一...
在JavaScript中,`document.write()` 方法用于将指定的内容写入正在加载的文档中。这通常用于动态创建网页内容。 #### 2. JS中的注释为`//` 在JavaScript中,有两种注释方式:单行注释(`//`)和多行注释(`/* */`...
JavaScript 支持以下几种数据类型: - `String`: 由字符组成的序列。 - `Number`: 数值。 - `Boolean`: 只有两个可能的值:`true` 或 `false`。 - `Null`: 特殊类型的值,表示尚未存在的值。 - `Object`: 包括数组、...
在JavaScript中,获取当前时间是通过`Date`对象来完成的。创建一个新的`Date`实例将返回当前日期和时间,然后可以通过`Date`对象的方法获取各种时间属性,例如小时、分钟和秒。例如: ```javascript var now = new ...
JavaScript跨frame时间控件是一种在网页中实现时间控制功能的技术,尤其适用于多frame或iframe环境。在这样的场景下,开发者可能需要在不同的frame之间共享时间信息或者同步时间操作,例如计时器、倒计时或者时间...
由于JavaScript的Date对象内部以本地时间表示所有日期和时间,当使用UTC相关的方法获取时间值时必须使用getUTC***()方法而不是get***()方法,因为后者获取的是本地时间。如果混淆使用,可能会导致时间转换错误。 ...
JavaScript 背景时钟实现方法是一种使用 JavaScript 实现时钟背景效果的方法,该方法主要介绍了 JavaScript 背景时钟实现方法,涉及 JavaScript 时间及页面元素样式的相关操作技巧。 时钟显示位置 在该方法中,...
标题“javascript获取当月第一天和最后一天”涉及的是JavaScript编程中的日期处理技术,特别是如何获取当前月份的第一天和最后一天的日期。JavaScript的Date对象是处理日期和时间的主要工具,但默认方法并不直接提供...
在JavaScript和jQuery中,实时显示时间是一个常见的需求,特别是在网页应用中。这涉及到对日期和时间的处理,以及定时更新页面元素。以下是一些实现这一功能的方法: 1. **JavaScript原生方法** JavaScript提供了...
JavaScript 日期控件是网页开发中常用的一种交互元素,它允许用户方便地选择日期和时间。在JavaScript中,处理日期和时间主要依赖于内置的`Date`对象。本篇文章将详细探讨如何创建一个带有时间选择功能的JavaScript...
Ajax是一种在客户端利用JavaScript与服务器进行通信的技术,主要由以下几个关键组件组成: 1. **XMLHttpRequest对象**:这是Ajax的基础,它提供了一个在后台与服务器通信的接口,可以在不刷新页面的情况下发送和...