首頁 > 文章 > web前端 > JS實作顯示目前日期的方法

JS實作顯示目前日期的方法

不言原創: 2018-07-03 17:53:191837瀏覽

本文透過實例程式碼介紹了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">
  <p>
   <span id="mytime" style="font-size: 18px;color: #00be67"></span>
  </p>
 </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>

以上就是本文的全部內容，希望對大家的學習有所幫助，更多相關內容請關注PHP中文網！

JS實作顯示目前日期的方法

相關文章