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>

  下面是效果圖:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM