JS实现显示当前日期的实例代码


Posted in Javascript onJuly 03, 2018

写在前面:

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

先给大家展示下效果图:

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+"日      "+week);
   } );
 </script>
</html>

总结

以上所述是小编给大家介绍的JS实现显示当前日期的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
javascript中clipboardData对象用法详解
May 13 Javascript
JS读取XML文件数据并以table形式显示数据的方法(兼容IE与火狐)
Jun 02 Javascript
浅析JS中对函数function的理解(基础篇)
Oct 14 Javascript
javascript验证香港身份证的格式或真实性
Feb 07 Javascript
JavaScript实现256色转灰度图
Feb 22 Javascript
javascript 中的继承实例详解
May 05 Javascript
ES6入门教程之Array.from()方法
Mar 23 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
JavaScript使用localStorage存储数据
Sep 25 Javascript
JavaScript Window窗口对象属性和使用方法
Jan 19 Javascript
uniapp与webview之间的相互传值的实现
Jun 29 Javascript
jQuery实现获取form表单内容及绑定数据到form表单操作分析
Jul 03 #jQuery
vue 设置路由的登录权限的方法
Jul 03 #Javascript
jQuery阻止事件冒泡实例分析
Jul 03 #jQuery
详解VUE中常用的几种import(模块、文件)引入方式
Jul 03 #Javascript
Vue props用法详解(小结)
Jul 03 #Javascript
JavaScript设计模式之代理模式简单实例教程
Jul 03 #Javascript
详解Vue中使用Echarts的两种方式
Jul 03 #Javascript
You might like
MySQL时间字段究竟使用INT还是DateTime的说明
2012/02/27 PHP
PHP下载远程文件到本地存储的方法
2015/03/24 PHP
php在windows环境下获得cpu内存实时使用率(推荐)
2018/02/08 PHP
PHP实现的操作数组类库定义与用法示例
2019/05/24 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
javascript 实现键盘上下左右功能的小例子
2013/09/15 Javascript
js中window.open打开一个新的页面
2014/08/10 Javascript
JavaScript中join()方法的使用简介
2015/06/09 Javascript
JavaScript入门基础
2015/08/12 Javascript
基于dropdown.js实现的两款美观大气的二级导航菜单
2015/09/02 Javascript
JS控制TreeView的结点选择
2016/11/11 Javascript
纯js模仿windows系统日历
2017/02/04 Javascript
关于 angularJS的一些用法
2017/11/29 Javascript
vue中使用heatmapjs的示例代码(结合百度地图)
2018/09/05 Javascript
[03:01]2014DOTA2国际邀请赛 小组赛7月13日TOPPLAY
2014/07/14 DOTA
详解Python中的条件判断语句
2015/05/14 Python
Python2.7基于淘宝接口获取IP地址所在地理位置的方法【测试可用】
2017/06/07 Python
Python实现字符串逆序输出功能示例
2017/06/24 Python
python实现几种归一化方法(Normalization Method)
2019/07/31 Python
python实现机器人卡牌
2019/10/06 Python
python numpy之np.random的随机数函数使用介绍
2019/10/06 Python
python中有关时间日期格式转换问题
2019/12/25 Python
使用Python第三方库pygame写个贪吃蛇小游戏
2020/03/06 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
css3 border旋转时的动画应用
2016/01/22 HTML / CSS
英国著名的药妆网站:Escentual
2016/07/29 全球购物
Reformation官网:美国女装品牌
2018/09/14 全球购物
美国NBA官方商店:NBA Store
2019/04/12 全球购物
JSP和Servlet有哪些相同点和不同点,他们之间的联系是什么?
2015/10/22 面试题
运动会入场词200字
2014/02/15 职场文书
教师党员承诺书
2014/03/25 职场文书
奥巴马就职演讲稿
2014/05/15 职场文书
相亲活动方案
2014/08/26 职场文书
2016党校学习心得体会范文
2016/01/07 职场文书
Python数据可视化之基于pyecharts实现的地理图表的绘制
2021/06/10 Python
python实现简易自习室座位预约系统
2021/06/30 Python