使用moment.js创建24/12小时格式的时间数组
Moment.js 是一个流行的 JavaScript 日期处理库，可以帮助开发者轻松地处理日期和时间。它提供了丰富的功能，包括日期格式化、日期比较、日期操作等。
使用 Moment.js 创建 24/12 小时格式的时间数组可以通过以下步骤实现：
- 首先，确保已将 Moment.js 库引入到项目中。可以通过在 HTML 文件中添加以下代码来引入 Moment.js：
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>- 然后，可以使用 Moment.js 的
moment()函数创建一个日期对象。如果不传递任何参数给moment()，它将返回当前日期和时间的对象。
var currentDate = moment();- 接下来，可以使用 Moment.js 的
format()方法根据所需的时间格式将日期对象转换为字符串。对于 24 小时制，可以使用"HH:mm"格式，对于 12 小时制，可以使用"hh:mm A"格式。
var timeArray24 = [];
var timeArray12 = [];
for (var i = 0; i < 24; i++) {
var currentTime24 = moment().set('hour', i).format('HH:mm');
timeArray24.push(currentTime24);
var currentTime12 = moment().set('hour', i).format('hh:mm A');
timeArray12.push(currentTime12);
}上述代码创建了两个数组，timeArray24 存储了 24 小时制格式的时间字符串，timeArray12 存储了 12 小时制格式的时间字符串。
时间数组示例（24 小时制）：
[
"00:00",
"01:00",
"02:00",
"03:00",
"04:00",
"05:00",
"06:00",
"07:00",
"08:00",
"09:00",
"10:00",
"11:00",
"12:00",
"13:00",
"14:00",
"15:00",
"16:00",
"17:00",
"18:00",
"19:00",
"20:00",
"21:00",
"22:00",
"23:00"
]时间数组示例（12 小时制）：
[
"12:00 AM",
"01:00 AM",
"02:00 AM",
"03:00 AM",
"04:00 AM",
"05:00 AM",
"06:00 AM",
"07:00 AM",
"08:00 AM",
"09:00 AM",
"10:00 AM",
"11:00 AM",
"12:00 PM",
"01:00 PM",
"02:00 PM",
"03:00 PM",
"04:00 PM",
"05:00 PM",
"06:00 PM",
"07:00 PM",
"08:00 PM",
"09:00 PM",
"10:00 PM",
"11:00 PM"
]Moment.js 的优势在于它提供了简单易用的 API，可以轻松地处理日期和时间，使开发者能够更专注于业务逻辑而非日期计算。
推荐腾讯云的相关产品：腾讯云云函数 SCF（Serverless Cloud Function），SCF 是腾讯云提供的事件驱动的无服务器计算服务，可以帮助开发者无需关心底层的服务器和运维，专注于编写函数逻辑。您可以使用 SCF 托管 Moment.js 代码，实现更灵活和可扩展的时间处理。
腾讯云云函数 SCF 产品介绍链接地址：https://cloud.tencent.com/product/scf
相关·内容
我刚刚将moment.js添加到我的项目中，并希望创建两个选择框，每天的时间为每小时和半小时。它看起来像这样： ['12:00', '12:30', '1:00', '1:30', '2:00', '2:30'...'5:00', '5:30']; 我想知道moment.js是否有一种方法可以生成一个数组，就像它
浏览 77提问于2020-01-23得票数 1
回答已采纳
我有一个类似于2015-10-24T17:12-05:00的约会，我使用moment.js将其格式化如下：moment.js似乎没有显示字符串中指定的时区中的时间，而是将其转换为计算机的时区。如何在格式化时保留时区？
浏览 3提问于2015-10-22得票数 5
我无法实现完整的AM/PM格式，时间为12:00，但单击日历后，从0:00到23:00：源代码：
<b>From</b>: <a class="dropdown-toggle
浏览 6提问于2016-11-02得票数 1
回答已采纳
如何使用Javascript检查用户使用的是12小时还是24小时的时间格式，同时使用或不使用第三方库，如moment.js。firefox始终显示12小时格式，chrome始终显示24小时时间格式
浏览 0提问于2020-03-18得票数 2
在moment.js环境中，我偶然发现了一个有趣的问题。基本上，我试图从时代中获取日期格式“星期五8月24日”的时间，但结果是我收到了NaN。以下是我的node.js代码：console.log(moment("Friday 24th Aug", "dddd Do MMM").valueOf());
moment.j
浏览 1提问于2019-01-09得票数 0
回答已采纳
要获得UTC格式的当前时间，我可以使用现在，在Moment.js中，我如何获得相同格式的时间，但在此之前的24小时
浏览 10提问于2018-02-08得票数 1
回答已采纳
2回答
我在一个项目中使用科多瓦2.9。目前，我们一直使用24小时格式。是否有一种方法可以在设备中设置时间格式，然后使用该方法在
浏览 2提问于2014-04-02得票数 0
回答已采纳
1回答
用户的PC正在使用12小时时钟(晚上11:59)。用户希望使用24小时制(23:59)输入时间。浏览器各不相同，但火狐(举个例子)甚至不允许你输入23表示小时数，而过去的一些Win32组件允许你输入"23:__ --“，但当你转到分钟栏时，将其改为"11:__ PM”--这仍然不理想，但效果更好。我们是否仍然必须使用一些花哨的第三方组件来处理所有的变化，以提供跨浏览器的统一用户体验？是否有计划在HTML5.1 (或
浏览 1提问于2018-01-16得票数 6
回答已采纳
1回答
我正在尝试创建过去24小时的数组，在Moment.js中值仅为AM/PM (而不是分钟、秒甚至日历日期)后面的小时。它现在起作用了，但是当我只需要小时的时间时，它给出了每个元素中的整个日期数据(2018年5月6日太阳22:24:29格林尼治标准时间-0700)：var time = [];
function timeOn
浏览 0提问于2018-05-07得票数 0
回答已采纳
";8h 16mvar duration = moment(moment(end) - moment(start)).format此外，它不工作的日子，因为他们总是>=1，即使是<24小时过去。
我也尝试过twix.js来获取长度，但是它的格式不支持创建上面指定的格式，或者在文档中找不到这样做的方法。<e
浏览 9提问于2014-02-10得票数 10
回答已采纳
我试图解析通过MySql通过jSon检索到的时间new Date('12:15:24').toString('h:mmtt');我需要做的是将24小时格式转换为
浏览 6提问于2016-10-17得票数 0
回答已采纳
1回答
在safari浏览器中，我面临着高图表热图中的日期格式问题。下面是我为x轴取那个值的代码utcDate, function (data) {
duration.push(moment(data).format('dddd M
浏览 5提问于2016-04-20得票数 0
回答已采纳
2回答
假设您有一个用于会议的繁忙时间范围数组{'start':'12:00 PM', 'end':'2:00 PM'},我想在24小时
浏览 0提问于2018-01-23得票数 1
回答已采纳
1回答
我的服务器数据已经准备好24小时格式。例如:有一个时间值00:00:00存储在sql (服务器)中，当将数据显示到制表器中时，它显示为12:00:00。"hh:mm:ss", outputFormat:"hh:mm:ss", invalidPlaceholder:"Invalid Time"}提前感谢！
浏览 17提问于2019-11-20得票数 0
在Moment.js中是否有一种方法可以同时接受输入字段中的12小时和24小时时间。var myField= $('#myField').val();我想接受：
我找不到解析多种格式的任何文档。
浏览 2提问于2017-02-08得票数 0
回答已采纳
我想把标准的12小时阅读时间转换为simpleWeather的24小时阅读时间。当我尝试这样做时，它以Unix时代格式返回时间。"HH:mm:ss");
}我已经就如何使用moment.js进行转换与开发人员进行了联系，
浏览 2提问于2016-11-22得票数 0
回答已采纳
2回答
2020-04-01 2:33 AM UTC";返回时间:2020年4月1日上午8:33有什么解决这个问题的建议吗？
浏览 1提问于2020-04-03得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
