js实现当前日期显示

2018-07-04 02:08:50来源：博客园阅读 ()

写在前面：

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

　　由于功能较简单，这里就直接将代码搬上来吧

<%--
  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>