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闭包
Sep 02 Javascript
JavaScript插件化开发教程 (三)
Jan 27 Javascript
JavaScript生成验证码并实现验证功能
Sep 24 Javascript
基于vue组件实现猜数字游戏
May 28 Javascript
基于 Immutable.js 实现撤销重做功能的实例代码
Mar 01 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
一次微信小程序内地图的使用实战记录
Sep 09 Javascript
vue请求服务器数据后绑定不上的解决方法
Oct 30 Javascript
微信小程序点击按钮动态切换input的disabled禁用/启用状态功能
Mar 07 Javascript
antd-mobile ListView长列表的数据更新遇到的坑
Apr 08 Javascript
如何在postman中添加cookie信息步骤解析
Jun 30 Javascript
vue绑定class的三种方法
Dec 24 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 配置文件中open_basedir选项作用
2009/07/19 PHP
PHP引用的调用方法分析
2016/04/25 PHP
PHP简单实现合并2个数字键数组值的方法
2017/05/30 PHP
jQuery 获取/设置/删除DOM元素的属性以a元素为例
2014/05/23 Javascript
js的延迟执行问题分析
2014/06/23 Javascript
浅谈Javascript中Object与Function对象
2015/09/26 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
JavaScript事件代理和委托详解
2016/04/08 Javascript
jq给页面添加覆盖层遮罩的实例
2017/02/16 Javascript
详解Vue 非父子组件通信方法(非Vuex)
2017/05/24 Javascript
Vue2.0 组件传值通讯的示例代码
2017/08/01 Javascript
基于Swiper实现移动端页面图片轮播效果
2017/12/28 Javascript
nodejs结合socket.io实现websocket通信功能的方法
2018/01/12 NodeJs
基于nodejs res.end和res.send的区别
2018/05/14 NodeJs
详解Vue调用手机相机和相册以及上传
2019/05/05 Javascript
用Python编写一个简单的俄罗斯方块游戏的教程
2015/04/03 Python
简单介绍利用TK在Python下进行GUI编程的教程
2015/04/13 Python
Python爬虫实现(伪)球迷速成
2018/06/10 Python
基于python的socket实现单机五子棋到双人对战
2020/03/24 Python
Django 过滤器汇总及自定义过滤器使用详解
2019/07/19 Python
Python Numpy中数据的常用保存与读取方法
2020/04/01 Python
python使用布隆过滤器的实现示例
2020/08/20 Python
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
我为自己代言广告词
2014/03/18 职场文书
服务质量承诺书
2014/03/27 职场文书
团委竞选演讲稿
2014/04/24 职场文书
节能环保标语
2014/06/12 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
思想作风整顿个人剖析材料
2014/10/06 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
2016新教师岗前培训心得体会
2016/01/08 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
争做文明公民倡议书
2019/06/24 职场文书
评测 | 大屏显示带收音机的高端音箱,JBL TUNE2便携式插卡音箱实测
2021/04/24 无线电
mybatis中sql语句CDATA标签的用法说明
2021/06/30 Java/Android
python3 字符串str和bytes相互转换
2022/03/23 Python