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/16869.html

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

相关推荐

发表回复

登录后才能评论