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实现当前日期显示详解编程语言

 

原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/16869.html

(0)
上一篇 2021年7月19日 19:39
下一篇 2021年7月19日 19:39

相关推荐

发表回复

登录后才能评论