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 实例一(first)
Mar 16 Javascript
jQuery Mobile 导航栏代码
Nov 01 Javascript
js网页实时倒计时精确到秒级
Feb 10 Javascript
javascript模拟post提交隐藏地址栏的参数
Sep 03 Javascript
node.js中的fs.unlink方法使用说明
Dec 15 Javascript
vue2手机APP项目添加开屏广告或者闪屏广告
Nov 28 Javascript
利用Angular2 + Ionic3开发IOS应用实例教程
Jan 15 Javascript
Vue props 单向数据流的实现
Nov 06 Javascript
Vue组件Draggable实现拖拽功能
Dec 01 Javascript
vue中在vuex的actions中请求数据实例
Nov 08 Javascript
vue组件创建的三种方式小结
Feb 03 Javascript
JavaScript 获取滚动条位置并将页面滑动到锚点
Feb 08 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
linux实现php定时执行cron任务详解
2013/12/24 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
laravel 解决Eloquent ORM的save方法无法插入数据的问题
2019/10/21 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
jquery的总体架构分析及实现示例详解
2014/11/08 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
JQuery fileupload插件实现文件上传功能
2016/03/18 Javascript
AngularJS API之copy深拷贝详解及实例
2016/09/14 Javascript
jQuery 插件实现随机自由弹跳气泡样式
2017/01/12 Javascript
Angularjs修改密码的实例代码
2017/05/26 Javascript
微信小程序实现简单input正则表达式验证功能示例
2017/11/30 Javascript
Vue.js 实现数据展示全部和收起功能
2018/09/05 Javascript
vue 中基于html5 drag drap的拖放效果案例分析
2018/11/01 Javascript
详解js根据百度地图提供经纬度计算两点距离
2019/05/13 Javascript
详解ES6 CLASS在微信小程序中的应用实例
2020/04/24 Javascript
vue组件中实现嵌套子组件案例
2020/08/31 Javascript
在实例中重学JavaScript事件循环
2020/12/03 Javascript
[01:32]2014DOTA2西雅图邀请赛 CIS我们有信心进入正赛
2014/07/08 DOTA
[48:05]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 VGJ.T vs VP
2018/03/31 DOTA
[00:12]DAC2018 天才少年转战三号位,他的SOLO是否仍如昔日般强大?
2018/04/06 DOTA
[01:07:17]EG vs Optic Supermajor 败者组 BO3 第一场 6.6
2018/06/07 DOTA
Python实现的简单模板引擎功能示例
2017/09/02 Python
基于Python2、Python3中reload()的不同用法介绍
2019/08/12 Python
基于python的BP神经网络及异或实现过程解析
2019/09/30 Python
基于python实现监听Rabbitmq系统日志代码示例
2020/11/28 Python
CSS3让登陆面板3D旋转起来
2016/05/03 HTML / CSS
Boston Proper官网:美国女装品牌
2017/10/30 全球购物
社会学专业学生职业规划书
2014/02/07 职场文书
遗体告别仪式主持词
2014/03/20 职场文书
2014年基层党组织公开承诺书
2014/03/29 职场文书
学校交通安全责任书
2014/08/25 职场文书
公司欠款证明
2015/06/24 职场文书
消防宣传语大全
2015/07/13 职场文书
使用canvas对video视频某一刻截图功能
2021/09/25 HTML / CSS
Python中非常使用的6种基本变量的操作与技巧
2022/03/22 Python