JavaScript 实现网页当前日期显示代码示例
作者:木棉时间:2026-10-23 03:52:12浏览:204
本文介绍在Web项目中通过JavaScript获取并显示当前日期的实现方法。内容涵盖效果展示、核心代码逻辑及注意事项,旨在为开发者提供便捷的日期显示方案,方便日常项目查阅与使用。
JavaScript 实现网页当前日期显示代码示例
前言
在Web开发过程中,经常需要在页面中展示当前日期。本文将记录一种简单的实现方式,以便后续参考。
首先展示最终的效果截图:

由于该功能逻辑较为简单,此处直接提供完整的代码实现。
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2018/6/12
Time: 8:17
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
String scheme = request.getScheme();
String serverName = request.getServerName();
String contextPath = request.getContextPath();
int port = request.getServerPort();
//网站的访问跟路径
String baseURL = scheme + "://" + serverName + ":" + port
+ contextPath;
request.setAttribute("baseURL", baseURL);
System.out.println("baseURL:" + baseURL);
%>
<html>
<head>
<title>js实现当前日期显示</title>
<script src="${baseURL}/Bootstrap/bootstrap/assets/js/jquery-1.10.2.min.js"></script>
</head>
<body style="text-align: center">
<div>
<span id="mytime" style="font-size: 18px;color: #00be67"></span>
</div>
</body>
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
var date = new Date();
var weekDay = ["星期天", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"];
var year = date.getFullYear();
var month = date.getMonth()+1;
var day = date.getDate();
var week = weekDay[date.getDay()];
//alert(year+","+month+","+day+","+week)
$("#mytime").html(year+"年"+month+"月"+day+"日      "+week);
} );
</script>
</html>
总结
以上即为使用JavaScript实现当前日期显示的具体代码,希望能为读者提供帮助。如有任何疑问,欢迎留言交流,作者将及时回复。感谢对本站的支持。
作者最新文章
JS中将数组和对象混合组装为JSON字符串
2026-11-05 16:41:42
JS运算符优先级与结合性的区别是什么?
2026-11-05 13:22:02
JS Map怎么只遍历Key或Value
2026-11-05 13:00:36
D3.js 与 ECharts 选型对比:灵活性 vs 开发效率
2026-11-05 09:45:01
为什么JS中typeof []返回object:数组类型检测误区解析
2026-11-04 19:50:47
