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 相关文章推荐
jQuery 绑定事件到动态创建的元素上的方法实例
Aug 18 Javascript
让html页面不缓存js的实现方法
Oct 31 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
jquery移动端TAB触屏切换实现效果
Dec 22 Javascript
将JavaScript的jQuery库中表单转化为JSON对象的方法
Nov 17 Javascript
浅析JavaScript中的变量复制、参数传递和作用域链
Jan 13 Javascript
js控制TR的显示隐藏
Mar 04 Javascript
学习Javascript闭包(Closure)知识
Aug 07 Javascript
纯JS焦点图特效实例(可一个页面多用)
Dec 07 Javascript
关于vue的语法规则检测报错问题的解决
May 21 Javascript
vue动态禁用控件绑定disable的例子
Oct 28 Javascript
javascript实现图片轮换动作方法
Aug 07 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
php中error与exception的区别及应用
2014/07/28 PHP
php根据一个给定范围和步进生成数组的方法
2015/06/19 PHP
基于php(Thinkphp)+jquery 实现ajax多选反选不选删除数据功能
2017/02/24 PHP
Laravel中七个非常有用但很少人知道的Carbon方法
2017/09/21 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
jquery多选项卡效果实例代码(附效果图)
2013/03/23 Javascript
javascript的解析执行顺序在各个浏览器中的不同
2014/03/17 Javascript
JavaScript极简入门教程(一):基础篇
2014/10/25 Javascript
jQuery中ajax的post()方法用法实例
2014/12/26 Javascript
javascript禁止访客复制网页内容的实现代码
2015/08/05 Javascript
js实现select跳转菜单新窗口效果代码分享(超简单)
2015/08/21 Javascript
JS实现可关闭的对联广告效果代码
2015/09/14 Javascript
javascript数组克隆简单实现方法
2015/12/16 Javascript
在线引用最新jquery文件的实现方法
2016/08/26 Javascript
深入学习jQuery中的data()
2016/12/22 Javascript
微信小程序 实战程序简易新闻的制作
2017/01/09 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
基于JavaScript实现瀑布流布局
2018/08/15 Javascript
监听element-ui table滚动事件的方法
2019/03/26 Javascript
简单使用webpack打包文件的实现
2019/10/29 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
[06:38]DOTA2怒掀电竞风暴 2013Chinajoy
2013/07/27 DOTA
Python使用bs4获取58同城城市分类的方法
2015/07/08 Python
Python实现通讯录功能
2018/02/22 Python
Python反转序列的方法实例分析
2018/03/21 Python
Python之——生成动态路由轨迹图的实例
2019/11/22 Python
linux面试题参考答案(3)
2012/09/13 面试题
超市促销活动方案
2014/03/05 职场文书
大学生村官考核材料
2014/05/23 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
户籍证明格式
2014/09/15 职场文书
高中校园广播稿3篇
2014/09/29 职场文书
小学语文复习计划
2015/01/19 职场文书
法定代表人身份证明书
2015/06/18 职场文书
教你怎么用Python处理excel实现自动化办公
2021/04/30 Python
正确使用MySQL INSERT INTO语句
2021/05/26 MySQL