JS实现显示当前日期的实例代码
更新时间：2018年07月03日 10:39:15 作者：蚊蚊蚊蚊蚊170624
本文通过实例代码给大家介绍了js实现显示当前日期功能，代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友参考下吧
写在前面：
在做项目中，经常会用到显示当前日期这个功能，在此，记录下来，方便日后查阅。
先给大家展示下效果图：
由于功能较简单，这里就直接将代码搬上来吧
<%--
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>
总结
以上所述是小编给大家介绍的JS实现显示当前日期的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
JavaScript中的任务分为宏任务和微任务，它们的执行顺序会影响代码的执行结果。了解它们的机制可以帮助我们更好地理解事件循环和异步编程，避免出现一些意想不到的错误2023-05-05
这篇文章主要介绍了详解uniapp的全局变量实现方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-01-01
javascript设计模式 – 代理模式原理与用法实例分析
这篇文章主要介绍了javascript设计模式 – 代理模式,结合实例形式分析了javascript代理模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04
杨氏矩阵查找的JS代码，需要的朋友可以参考一下2013-03-03
在 JavaScript 中，reduce 是最难理解的数组方法之一，它是一个强大而灵活的高阶函数，下面就来看看 reduce 的妙用之处，希望对大家有所帮助2023-02-02
本文给大家分享js设置ios中微信浏览器中的title的解决方法，实现原理比较简单，对js微信浏览器title相关知识感兴趣的朋友一起通过本文学习吧2016-11-11
这篇文章主要介绍了JavaScript手写Promise核心原理，promise 可以说是出场率很高的api了，这篇文章手写一版promise,可以加强对promise的认识2022-06-06
这篇文章主要介绍了JSON是什么？有哪些优点？JSON和XML的区别？下面就来详细的介绍两种的区别，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-04-04
这篇文章主要为大家详细介绍了如何利用JavaScript实现两个跨域页面实现量子纠缠互动效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下2023-12-12
破解Session cookie的方法...2006-07-07
最新评论