JS实现显示当前日期的实例代码

写在前面:

  在做项目中,经常会用到显示当前日期这个功能,在此,记录下来,方便日后查阅。

先给大家展示下效果图:

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+\"日&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp\"+week);
   } );
 </script>
</html>

以上所述是小编给大家介绍的JS实现显示当前日期的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容