JS實(shí)現(xiàn)顯示當(dāng)前日期的實(shí)例代碼

更新時(shí)間：2018年07月03日 10:39:15 作者：蚊蚊蚊蚊蚊170624

本文通過實(shí)例代碼給大家介紹了js實(shí)現(xiàn)顯示當(dāng)前日期功能，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友參考下吧

寫在前面：

　　在做項(xiàng)目中，經(jīng)常會(huì)用到顯示當(dāng)前日期這個(gè)功能，在此，記錄下來，方便日后查閱。

先給大家展示下效果圖：

　　由于功能較簡(jiǎn)單，這里就直接將代碼搬上來吧

<%--
 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();
 //網(wǎng)站的訪問跟路徑
 String baseURL = scheme + "://" + serverName + ":" + port
     + contextPath;
 request.setAttribute("baseURL", baseURL);
 System.out.println("baseURL:" + baseURL);
%>
<html>
 <head>
  <title>js實(shí)現(xiàn)當(dāng)前日期顯示</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>

總結(jié)

以上所述是小編給大家介紹的JS實(shí)現(xiàn)顯示當(dāng)前日期的實(shí)例代碼，希望對(duì)大家有所幫助，如果大家有任何疑問請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！

您可能感興趣的文章:

相關(guān)文章

對(duì)JavaScript中this指針的新理解分享
這篇文章主要介紹了對(duì)JavaScript中this指針的新理解分享,本文講解了方法調(diào)用模式、函數(shù)調(diào)用模式、構(gòu)造函數(shù)調(diào)用模式、Apply調(diào)用模式中的this指針理解,需要的朋友可以參考下
2015-01-01
微信小程序獲取用戶openid的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序獲取用戶openid的實(shí)現(xiàn)，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-12-12
uniapp中實(shí)現(xiàn)App自動(dòng)檢測(cè)版本升級(jí)的示例代碼
本文主要介紹了uniapp中實(shí)現(xiàn)App自動(dòng)檢測(cè)版本升級(jí)的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-01-01
詳解JavaScript數(shù)組的操作大全
這篇文章主要給大家介紹js數(shù)組的操作，數(shù)組的創(chuàng)建，數(shù)組元素的發(fā)那個(gè)吻，數(shù)組元素的添加，數(shù)組元素的刪除，數(shù)組的截取和合并，數(shù)組的拷貝，數(shù)組元素的排序，數(shù)組元素的字符串化等知識(shí)，對(duì)js數(shù)組的操作感興趣的朋友可以參考下本篇文章
2015-10-10
Javascript 類型轉(zhuǎn)換、封閉函數(shù)及常見內(nèi)置對(duì)象操作示例
這篇文章主要介紹了Javascript 類型轉(zhuǎn)換、封閉函數(shù)及常見內(nèi)置對(duì)象操作,結(jié)合實(shí)例形式分析了JavaScript類型顯示轉(zhuǎn)換、隱式轉(zhuǎn)換、變量作用域、封閉函數(shù)及常用內(nèi)置對(duì)象相關(guān)操作技巧,需要的朋友可以參考下
2019-11-11
JS限制input框只能輸入0~100的正整數(shù)的兩種方法
本文給大家分享兩種方法實(shí)現(xiàn)JS限制input框只能輸入0~100的正整數(shù),方法二是直接通過設(shè)置三個(gè)屬性,type、min、max即可,就可以設(shè)置0~100的整數(shù),感興趣的朋友跟隨小編一起看看吧
2024-02-02
elementui-樹形控件實(shí)現(xiàn)子節(jié)點(diǎn)右側(cè)添加圖標(biāo)和數(shù)據(jù)鼠標(biāo)放上去顯示文字效果
這篇文章主要介紹了elementui-樹形控件實(shí)現(xiàn)子節(jié)點(diǎn)右側(cè)添加圖標(biāo)和數(shù)據(jù)鼠標(biāo)放上去顯示文字效果,本文結(jié)合實(shí)例代碼給大家介紹的非常詳細(xì),感興趣的朋友一起看看吧
2024-01-01
輕松實(shí)現(xiàn)js選項(xiàng)卡切換效果
這篇文章主要幫助大家輕松實(shí)現(xiàn)js選項(xiàng)卡切換效果,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-09-09
微信小程序提交form操作示例
這篇文章主要介紹了微信小程序提交form操作,結(jié)合實(shí)例形式分析了微信小程序開發(fā)中使用form組件實(shí)現(xiàn)數(shù)據(jù)提交與數(shù)據(jù)處理相關(guān)操作技巧,需要的朋友可以參考下
2018-12-12
關(guān)于前端面試中常提到的LRU緩存策略詳析
LRU緩存就是一種常用策略,下面這篇文章主要給大家介紹了關(guān)于前端面試中常提到的LRU緩存策略的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2023-05-05