写在前面：

　　在做项目中，经常会用到显示当前日期这个功能，在此，记录下来，方便日后查阅。

　　由于功能较简单，这里就直接将代码搬上来吧

<%--

  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实现当前日期显示的更多相关文章

  1. JS网站当前日期在IE9、Chrome和FireFox中年份显示为113年的解决方法 getFullYear();

    JS网站当前日期在IE9.Chrome和FireFox中年份显示为113年的解决方法 getFullYear();

  2. JS获取当前日期时间及JS日期格式化

    Js获取当前日期时间: var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份( ...

  3. Js获取当前日期时间及时间相关操作

    Js获取当前日期时间及时间格式 var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getFullYear();   ...

  4. JS获取当前日期时间并定时刷新

    JS获取当前日期时间 var date = new Date(); date.getYear(); //获取当前年份(2位) date.getFullYear(); //获取完整的年份(4位,2014 ...

  5. js实现日期显示的一些操作

    1.js获取当前日期(yyyy-mm-dd) 以下代码是获取到的当前日期: var myDate = new Date(); var year = myDate.getFullYear(); //获取 ...

  6. 【转】Js获取当前日期时间及其它操作

    Js获取当前日期时间及其它操作 原文地址:http://www.cnblogs.com/carekee/articles/1678041.html var myDate = new Date();my ...

  7. [转]Js获取当前日期时间及其它操作

    转载自:http://www.cnblogs.com/carekee/articles/1678041.html Js获取当前日期时间及其它操作 var myDate = new Date();myD ...

  8. Js 获取当前日期时间及其它操作（转）

    Js获取当前日期时间及其它操作 var myDate = new Date();myDate.getYear();        //获取当前年份(2位)myDate.getFullYear();   ...

  9. Js获取当前日期时间及其它操作

    Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份 ...

随机推荐

  1. python_ 运算符与分支结构

    # 运算符与分支结构 ### 运算符 - 赋值运算符 - 用'='表示,左边只能是变量. - 算术运算符 - +.-.*:加.减.乘 - /:除法运算,结果是浮点数 - //:除法运算,结果是整数 - ...

  2. c++知识点总结--友元&运算符重载

    友元函数(不属于类) 可以访问类的私有变量,以及私有函数 友元函数在类内声明需要friend关键字,类外定义就不需要 友元函数可以直接在类内定义 友元函数必须包含对象指针   友元类(不适用继承,只适 ...

  3. 用Linkedhashmap的LRU特性及SoftReference软引用构建二级缓存

    LRU: least recently used(近期最少使用算法).LinkedHashMap构造函数可以指定其迭代顺序:LinkedHashMap(int initialCapacity, flo ...

  4. ls目录结构

    命令ls ls -l = ll -l 详细信息-a 查看隐藏的文件或目录-d 只看目录本身,不列出目录下面的文件和目录 一起使用一般 ls -ld-t 以时间先后排序-i 显示文件节点-h 显示字节大 ...

  5. AJAX提交表单后要清空，否则再次提交原来的数据会认为重复提交，提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件

    <script src="../../Scripts/js/jquery.form.min.js" type="text/javascript">& ...

  6. hdu 1969 Pie (二分法)

    Pie Time Limit: 5000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submiss ...

  7. DataBase -- Note I

    SQL对大小写不敏感! SQL DML和DDL:可以把SQL分为两个部分:数据操作语言(DML)和数据定义语言(DDL) SQL(结构化查询语言)是用于执行查询的语法.但是SQL语言也包含用于更新.插 ...

  8. 关于Yarn源码那些事-前传之ResourceManager篇（一）初始化

    在关于Yarn那些事的博客里,介绍的主要是针对任务提交的一个动态流程说明,而其中牵涉到的一些细节问题,必须通过Resourcemanager的启动和NodeManager的启动,来更好的说明. 而本系 ...

  9. swipe display: none后再显示，加载内容后，滑动失效问题

    只需要添加这两个属性即可: observer:true,//修改swiper自己或子元素时,自动初始化swiper observeParents:true//修改swiper的父元素时,自动初始化sw ...

  10. c#后的完整cookie

    http://www.cnblogs.com/top5/archive/2010/04/11/1709457.html c#设置 webbrowser的请求cookie,可以通过fiddler分析co ...