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 相关文章推荐
利用js动态添加删除table行的示例代码
Dec 16 Javascript
2014年最火的Node.JS后端框架推荐
Oct 27 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
JS实现可自定义大小,可双击关闭的弹出层效果
Oct 16 Javascript
AngularJs html compiler详解及示例代码
Sep 01 Javascript
AngularJS 防止页面闪烁的方法
Mar 09 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
May 07 Javascript
Node 自动化部署的方法
Oct 17 Javascript
vue-router路由懒加载和权限控制详解
Dec 13 Javascript
微信小程序在ios下Echarts图表不能滑动的问题解决
Jul 10 Javascript
通过高德地图API获得某条道路上的所有坐标用于描绘道路的方法
Aug 24 Javascript
vue element-ul实现展开和收起功能的实例代码
Nov 25 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经典面试题集锦
2015/03/19 PHP
PHP使用PDO操作数据库的乱码问题解决方法
2016/04/08 PHP
mysqli扩展无法在PHP7下升级问题的解决
2019/09/10 PHP
laravel 出现command not found问题的解决方案
2019/10/23 PHP
window.location和document.location的区别分析
2008/12/23 Javascript
js动画(animate)简单引擎代码示例
2012/12/04 Javascript
node.js中的buffer.copy方法使用说明
2014/12/14 Javascript
jqGrid表格应用之新增与删除数据附源码下载
2015/12/02 Javascript
Jquery Easyui表单组件Form使用详解(30)
2016/12/19 Javascript
vue.js父组件使用外部对象的方法示例
2017/04/25 Javascript
Bootstrap fileinput文件上传预览插件使用详解
2017/05/16 Javascript
全选复选框JavaScript编写小结(附代码)
2017/08/16 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
微信小程序非swiper组件实现的自定义伪3D轮播图效果示例
2018/12/11 Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
2019/11/12 Javascript
vue将文件/图片批量打包下载zip的教程
2020/10/21 Javascript
[51:53]完美世界DOTA2联赛决赛日 Inki vs LBZS 第二场 11.08
2020/11/10 DOTA
python调用短信猫控件实现发短信功能实例
2014/07/04 Python
python写xml文件的操作实例
2014/10/05 Python
Python中模块pymysql查询结果后如何获取字段列表
2017/06/05 Python
Python设计模式之代理模式简单示例
2018/01/09 Python
对Python中range()函数和list的比较
2018/04/19 Python
django框架实现一次性上传多个文件功能示例【批量上传】
2019/06/19 Python
python实现布隆过滤器及原理解析
2019/12/08 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
使用TensorBoard进行超参数优化的实现
2020/07/06 Python
golang/python实现归并排序实例代码
2020/08/30 Python
互动出版网:专业书籍
2017/03/21 全球购物
anello泰国官方网站:日本流行包包品牌
2019/08/08 全球购物
意大利一家专营包包和配饰的网上商店:Borse Last Minute
2019/08/26 全球购物
公共汽车、火车和飞机票的通用在线预订和销售平台:INFOBUS
2019/11/30 全球购物
领先的荷兰线上超市:荷兰之家Holland at Home(支持中文)
2021/01/21 全球购物
文艺晚会主持词
2014/03/24 职场文书
行政处罚决定书
2015/06/24 职场文书
婚礼嘉宾致辞
2015/07/28 职场文书
《惊弓之鸟》教学反思
2016/02/20 职场文书