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 相关文章推荐
IE6下CSS图片缓存问题解决方法
Dec 09 Javascript
javascript学习笔记(七) js函数介绍
Jun 19 Javascript
jQuery的attr与prop使用介绍
Oct 10 Javascript
获得Javascript对象属性个数的示例代码
Nov 21 Javascript
jquery通过load获取文件的内容并跳到锚点的方法
Jan 29 Javascript
详解Javascript中的Object对象
Feb 28 Javascript
JavaScript学习笔记之数组去重
Mar 23 Javascript
Angularjs中的验证input输入框只能输入数字和小数点的写法(推荐)
Aug 16 Javascript
详解如何在vue项目中使用eslint+prettier格式化代码
Nov 10 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
如何手写简易的 Vue Router
Oct 10 Javascript
javascript中layim之查找好友查找群组
Feb 06 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文档更新介绍
2011/07/22 PHP
2个Codeigniter文件批量上传控制器写法例子
2014/07/25 PHP
php实现将上传word文件转为html的方法
2015/06/03 PHP
Windows Server 2008 R2和2012中PHP连接MySQL过慢的解决方法
2016/07/02 PHP
PHP中register_shutdown_function函数的基础介绍与用法详解
2017/11/28 PHP
PHP pthreads v3下同步处理synchronized用法示例
2020/02/21 PHP
ImageFlow可鼠标控制图片滚动
2008/01/30 Javascript
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
jQuery给动态添加的元素绑定事件的方法
2015/03/09 Javascript
jquery动态遍历Json对象的属性和值的方法
2016/07/27 Javascript
js获取地址栏中传递的参数(两种方法)
2017/02/08 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
写jQuery插件时的注意点
2017/02/20 Javascript
js生成word中图片处理方法
2018/01/06 Javascript
[03:17]2016完美“圣”典风云人物:冷冷专访
2016/12/08 DOTA
[55:45]LGD vs OG 2019国际邀请赛淘汰赛 胜者组 BO3 第三场 8.24
2019/09/10 DOTA
python使用beautifulsoup从爱奇艺网抓取视频播放
2014/01/23 Python
Python中getpass模块无回显输入源码解析
2018/01/11 Python
详解python3中zipfile模块用法
2018/06/18 Python
python实现任意位置文件分割的实例
2018/12/14 Python
对python3 中方法各种参数和返回值详解
2018/12/15 Python
python判断所输入的任意一个正整数是否为素数的两种方法
2019/06/27 Python
python实现加密的方式总结
2020/01/19 Python
Python paramiko 模块浅谈与SSH主要功能模拟解析
2020/02/29 Python
python爬取youtube视频的示例代码
2021/03/03 Python
一款纯css3实现的非常实用的鼠标悬停特效演示
2014/11/05 HTML / CSS
HTML5 图片预加载的示例代码
2020/03/25 HTML / CSS
新西兰网上购物,折扣店:BestDeals.co.nz
2019/03/20 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
后勤人员自我评价怎么写
2013/09/19 职场文书
大学生入党自我鉴定
2013/10/31 职场文书
创建文明学校实施方案
2014/03/11 职场文书
《黄山奇石》教学反思
2014/04/19 职场文书
乡镇群众路线整改落实情况汇报
2014/10/28 职场文书
开除通知书范本
2015/04/25 职场文书
导游词之大雁塔景区
2019/09/17 职场文书