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 相关文章推荐
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
javascript常见数字进制转换实例分析
Apr 21 Javascript
JS实现六边形3D拖拽翻转效果的方法
Sep 11 Javascript
Javascript中常见的逻辑题和解决方法
Sep 17 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
利用angular.copy取消变量的双向绑定与解析
Nov 25 Javascript
微信页面倒计时代码(解决safari不兼容date的问题)
Dec 13 Javascript
如何解决vue2.0下IE浏览器白屏问题
Sep 13 Javascript
如何制作一个Node命令行图像识别工具
Dec 12 Javascript
微信小程序时间选择插件使用详解
Dec 28 Javascript
搭建vscode+vue环境的详细教程
Aug 31 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 将bmp图片转为jpg等其他任意格式的图片
2009/06/29 PHP
php截取utf-8中文字符串乱码的解决方法
2010/03/29 PHP
ubuntu 编译安装php 5.3.3+memcache的方法
2010/08/05 PHP
PHP封装的非对称加密RSA算法示例
2018/05/28 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
PHP常见字符串操作函数与用法总结
2019/03/04 PHP
JavaScript学习笔记(二) js对象
2011/10/25 Javascript
js实现select组件的选择输入过滤代码
2014/10/14 Javascript
jquery获取checkbox的值并post提交
2015/01/14 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
JQuery中上下文选择器实现方法
2015/05/18 Javascript
Jquery获取当前城市的天气信息
2016/08/05 Javascript
JavaScript 下载svg图片为png格式
2018/06/21 Javascript
vue实现在线预览pdf文件和下载(pdf.js)
2019/11/26 Javascript
vue(2.x,3.0)配置跨域代理
2019/11/27 Javascript
JS中this的4种绑定规则详解
2020/02/04 Javascript
解决vue+webpack项目接口跨域出现的问题
2020/08/10 Javascript
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
Python open读写文件实现脚本
2008/09/06 Python
Python内置函数Type()函数一个有趣的用法
2015/02/18 Python
详解在Python程序中使用Cookie的教程
2015/04/30 Python
Python安装Numpy和matplotlib的方法(推荐)
2017/11/02 Python
Python如何抓取天猫商品详细信息及交易记录
2018/02/23 Python
磁盘垃圾文件清理器python代码实现
2020/08/24 Python
python 重命名轴索引的方法
2018/11/10 Python
python判断文件是否存在,不存在就创建一个的实例
2019/02/18 Python
python求质数列表的例子
2019/11/24 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
香港唯港荟酒店预订:Hotel ICON
2018/03/27 全球购物
英国最大的天然和有机产品在线零售商之一:Big Green Smile
2020/05/06 全球购物
自荐书格式
2013/12/01 职场文书
应届毕业生简历自我评价
2014/01/31 职场文书
银行爱岗敬业演讲稿
2014/05/05 职场文书
员工辞职信范文
2015/03/02 职场文书
浅谈Python列表嵌套字典转化的问题
2021/04/07 Python
Go遍历struct,map,slice的实现
2021/06/13 Golang