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 相关文章推荐
不同浏览器的怪癖小结
Jul 11 Javascript
用jquery设置按钮的disabled属性的实现代码
Nov 28 Javascript
缓动函数requestAnimationFrame 更好的实现浏览器经动画
Dec 07 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
Sep 23 Javascript
使用JavaScript判断图片是否加载完成的三种实现方式
May 04 Javascript
jquery实现导航固定顶部的效果仿蘑菇街
Oct 22 Javascript
JS实现设置ff与ie元素绝对位置的方法
Mar 08 Javascript
JS中判断null的方法分析
Nov 21 Javascript
详解jQuery中ajax.load()方法
Jan 25 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
JavaScript判断浏览器运行环境的详细方法
Jun 30 Javascript
Vue实现tab导航栏并支持左右滑动功能
Jun 28 Vue.js
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 foreach 使用&amp;(与运算符)引用赋值要注意的问题
2010/02/16 PHP
php解析url并得到url中的参数及获取url参数的四种方式
2015/10/26 PHP
PHP函数func_num_args用法实例分析
2015/12/07 PHP
PPK 谈 JavaScript 的 this 关键字 [翻译]
2009/09/29 Javascript
修改jquery.lazyload.js实现页面延迟载入
2010/12/22 Javascript
jquery实现微博文字输入框 输入时显示输入字数 效果实现
2013/07/12 Javascript
正负小数点后两位浮点数实现原理及代码
2013/09/06 Javascript
JavaScript实现的链表数据结构实例
2015/04/02 Javascript
jquery左右全屏大尺寸多图滑动效果代码分享
2015/08/28 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
jQuery实现的简单百分比进度条效果示例
2016/08/01 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
Vue 项目中遇到的跨域问题及解决方法(后台php)
2018/03/28 Javascript
Vue在页面数据渲染完成之后的调用方法
2018/09/11 Javascript
jQuery实现的简单日历组件定义与用法示例
2018/12/24 jQuery
微信小程序实现图片翻转效果的实例代码
2019/09/20 Javascript
Vue+Element实现网页版个人简历系统(推荐)
2019/12/31 Javascript
vue页面引入three.js实现3d动画场景操作
2020/08/10 Javascript
vue mvvm数据响应实现
2020/11/11 Javascript
Python中常用操作字符串的函数与方法总结
2016/02/04 Python
Python socket实现简单聊天室
2018/04/01 Python
详解Python3中ceil()函数用法
2019/02/19 Python
Python 数据可视化pyecharts的使用详解
2019/06/26 Python
Python调用shell命令常用方法(4种)
2020/05/11 Python
python使用Windows的wmic命令监控文件运行状况,如有异常发送邮件报警
2021/01/30 Python
高分子材料与工程专业推荐信
2013/12/01 职场文书
施工班组长岗位职责
2014/01/05 职场文书
酒店销售经理岗位职责
2014/01/31 职场文书
冰淇淋店的创业计划书
2014/02/07 职场文书
护士自我鉴定总结
2014/03/24 职场文书
仓库规划计划书
2014/04/28 职场文书
事业单位鉴定材料
2014/05/25 职场文书
集结号观后感
2015/06/08 职场文书
使用PostGIS完成两点间的河流轨迹及流经长度的计算(推荐)
2022/01/18 PostgreSQL
解决Git推送错误non-fast-forward的方法
2022/06/25 Servers
OpenFeign实现远程调用
2022/08/14 Java/Android