如何使用jquery显示当前日期和时间、AM、PM和CST
使用jQuery显示当前日期和时间、AM、PM和CST可以通过以下步骤实现：
- 引入jQuery库：在HTML文件中的<head>标签内添加以下代码，引入jQuery库。<script src="https://cdn.jsdelivr.net/jquery/3.6.0/jquery.min.js"></script>
- 创建HTML元素：在<body>标签内添加一个用于显示日期和时间的HTML元素，例如一个<div>元素。<div id="datetime"></div>
- 编写JavaScript代码：在<script>标签内添加以下JavaScript代码，使用jQuery来获取当前日期和时间，并将其显示在HTML元素中。$(document).ready(function() { var datetimeElement = $('#datetime'); function updateDateTime() { var now = new Date(); var date = now.toLocaleDateString(); var time = now.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' }); var ampm = now.getHours() >= 12 ? 'PM' : 'AM'; var cst = now.toLocaleString('en-US', { timeZone: 'America/Chicago', timeZoneName: 'short' }); datetimeElement.text(date + ' ' + time + ' ' + ampm + ' ' + cst); } // 更新日期和时间 updateDateTime(); // 每秒钟更新一次日期和时间 setInterval(updateDateTime, 1000); });
以上代码使用jQuery的选择器选中id为"datetime"的元素，并定义了一个名为updateDateTime的函数来更新日期和时间。在函数内部，使用JavaScript的Date对象获取当前日期和时间，并使用toLocaleDateString和toLocaleTimeString方法将其格式化为字符串。同时，根据当前小时数判断是上午还是下午，并使用toLocaleString方法获取CST时区的时间。最后，将所有信息拼接成一个字符串，并通过jQuery的text方法将其设置为HTML元素的内容。
请注意，以上代码中的时区为美国中部标准时间（CST），如果需要显示其他时区的时间，请根据需要修改代码中的时区参数。
这是一个使用jQuery显示当前日期和时间、AM、PM和CST的示例。希望对你有所帮助！
相关·内容
1回答
如何使用jquery显示当前日期和时间、AM、PM和CST
javascript、jquery
我尝试使用以下格式显示当前日期: 7/28/2016 11:55:37 PM CST
浏览 18提问于2016-08-05得票数 0
回答已采纳
3回答
在java中获取CST当前日期:00:00
java、date、cron、scheduler、zone
我需要以下格式的当前日期:00:00 CST时间。Fri Jul 09 00:00:00 CST 2021LocalDateTime date= LocalDateTime.now().with(LocalTime.MIN);/GMT，比CST提前5小时。示例： 09AM</e
浏览 6提问于2021-07-09得票数 0
1回答
是否有任何应用程序池设置会导致Silverlight OOB CheckAndDownloadUpdateAsync更新失败？
silverlight、iis-7、load-balancing、application-pool、auto-update
此应用程序使用'CheckAndDownloadUpdateAsync‘方法自动检查和下载更新。
此方法工作正常，下载最新版本的应用程序时没有任何问题。
浏览 2提问于2012-11-26得票数 2
回答已采纳
1回答
我想用CST时区的角度管道来表示提到的日期。我想将给定的日期转换为CST日期，包括夏令时。
javascript、angular
<td>{{document.lastUpdateDateTime | date:"MM/dd/yyyy h:mm:a"}}</td> 我想把上面给定的日期转换成CST时区，包括夏令时。使用角管。https://angular.io/api/common/DatePipe 我没有在这里找到CST &&夏令时。<td>{{document.lastUpdateDateTime
浏览 16提问于2019-06-25得票数 0
1回答
将不同时区转换为UTC日期
sql-server、timezone
我有一个在SQL Server表中包含日期、时间列和时区列的表。我现在正在尝试将不同时区的日期时间转换为UTC日期，并将数据加载到新表中并删除时区列。TIMEZONE1/2/2020 08:26 AM.CST 新表： Date time 1/2/
浏览 23提问于2020-04-07得票数 0
2回答
将日期值从一个TimeZone更改为另一个TimeZone
calendar、timezone、java、simpledateformat
我的例子是我有一个日期对象，里面的日期是UTC时间。不过我想改成日本时间。谢谢你抽出时间来...
浏览 3提问于2013-02-14得票数 0
回答已采纳
我有一个日期为以下格式的数据集。我更喜欢根据墨西哥时区的日期。墨西哥城的时区在DST开始时为UTC-5h，DST结束时为UTC-6h。)date2018-03-29 14:03:52 PM
任何帮助我们都将不胜感激！
浏览 2提问于2018-09-03得票数 0
1回答
有显示当前日期和时间的功能吗？
excel、datetime、format、excel-2000
我想在单元格中显示当前日期和时间。我在帮助中找到了NOW()函数。它显示当前日期，但是对于当前时间，它不显示AM或PM，它显示：4/19/2011 11:22。我明白这是为什么。是否有其他日期/时间函数可以显示AM/PM</em
浏览 0提问于2011-04-19得票数 0
回答已采纳
2回答
高图表12小时x轴标签的时间格式
highcharts
高图表是否有0~23小时的内置格式，这样我就可以让X轴显示的时间标签像这样：series: [{ data: [['12am', 6],['1am', 1],['3am', 1],['5am', 1],['7am
浏览 6提问于2014-02-27得票数 2
回答已采纳
2回答
如何以kotlin格式获得ISO 8601格式的当前日期和时间？
android、kotlin、iso8601、current-time
我正在尝试获得ISO 8601格式的当前日期和时间。下面的代码返回14天后的日期和不正确的时间。我需要一个api请求的正确格式和当前日期。SimpleDateFormat("yyyy-MM-dd'T'HH:mm:ss'Z'").apply {
this.timeZone = TimeZone.getTimeZone("CST
浏览 0提问于2019-07-22得票数 3
2回答
合金UI时间格式24小时Liferay 6
java、liferay、alloy-ui
您好，如何使用24小时格式显示时间字段的允许ui日期选择器？如果我在使用 Calendar dob = CalendarFactoryUtil.getCalendar(); bean="<%= msch %>" value="<%= now %>&quo
浏览 0提问于2013-05-15得票数 0
回答已采纳
2回答
Excel工作表中时区的转换
excel、timezone、worksheet-function
我有一份拨号报告，其中包含拨到不同时区位置的电话的日期和时间。拨号呼叫报告中的开始时间字段反映在CST区域中。，我想把这个CST时间转换成其他时区，就像拨打电话的位置一样。，那么我如何计算excel表中其他位置的CST等效时间。
浏览 8提问于2010-11-19得票数 3
7回答
我正在尝试编写一个shell脚本，它以am或pm为单位显示时间，而不是使用date命令显示时间。我不知道我该怎么做。我猜对于初学者来说，我如何从date命令中提取时间来操纵它？我如何提取该小时的数字来操纵它？
浏览 7提问于2013-02-25得票数 12
1回答
如何解决报表的日期和时间问题
c#、datetime、rdlc
当我工作时，当前日期和时间在rdlc报告中显示正确。但是上传.rdlc在服务器上的日期和时间显示不同。本地报告中的当前日期和时间是：10,2014年6月5:01 AM，示例服务器中的当前上载文件是：08,2014年6月10:17 PM
如何解决这个问题。
浏览 3提问于2014-06-09得票数 1
1回答
对列使用where子句的SELECT语句
sql、sql-server、tsql、datatables、inner-join
如何将where子句放在语句中的列上？是否仅获取时间值的类型“T”？在Table Store Schedule数据中，每个商店都有输入的条目值，一个是时间，另一个是日期，并根据类型对其进行分离和提取。如果你想查看商店一周的运行日期，你可以使用类型D，如果你想要时间，可以使用类型T。但是，在内部连接中使用它是我所坚持的。to 2:15PM | 90 | NULL |
|
浏览 15提问于2020-12-03得票数 1
回答已采纳
1回答
关于NSDateFormatter和NSCalendar的问题(涉及时区)
objective-c、ios、nsdate、nsdateformatter、nstimezone
timeStampForCity];NSLog(@"%@", timeStampForCity);输出：但是NSLog(@"%@", updateDate);输出：我需要updateDate来显示当前时区中的时间(例如，如第一个NSLog()我该如何正确地做这件事？cityNam
浏览 1提问于2011-08-02得票数 0
回答已采纳
1回答
为什么vue-ctk-日期-时间选择器中的会议记录被禁用？
vue.js、datetimepicker
我使用vue-ctk-日期-时间选择器显示日期时间选择器模式，用户可以选择日期和时间。我使用的minDate使得用户不能选择比当前日期和时间更少的日期和时间。这非常适合于格式YYYY-MM-DD HH:mm:ss，但我需要AM和PM格式，所
浏览 4提问于2021-04-21得票数 0
回答已采纳
2回答
调整JavaScript数据和时间
javascript、jquery、time
可能重复：
与普通的jQuery相比，我更擅长使用JavaScript，这让我感到困惑：
$(document
浏览 4提问于2013-01-31得票数 3
回答已采纳
6回答
PHP中两个时间的差异
php、mysql
大家好我有两个问题：
在mysql数据库的记录中，我应该用什么数据类型来存储p.m和am，而不仅仅是时间？(我尝试使用Time，DateTime Date)但是这些数据类型只存储时间，而不存储p.m，
浏览 0提问于2011-01-05得票数 0
2回答
使用LINQ查询按到达时间与当前日期排序显示数据
c#、asp.net-mvc、linq、entity-framework
Startdate) Startdate = DateTime.Now.Date; string AM =具有数据类型为varchar的arrivedtime列和另一列arriveddate的表。现在我想用当前日期对arrivedtime进行排序。像这样的数据
(03:30 PM,10:30 AM, 04:05 PM, 11:08 AM, 08:30
浏览 1提问于2015-03-18得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
