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 multibox 全选
Mar 22 Javascript
JavaScript 命名空间 使用介绍
Aug 29 Javascript
JQuery的ready函数与JS的onload的区别详解
Nov 21 Javascript
jquery获取radio值实例
Oct 16 Javascript
jQuery ajax serialize() 方法使用示例
Nov 02 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
Sep 16 Javascript
node.js自动上传ftp的脚本分享
Jun 16 Javascript
微信小程序下拉框功能的实例代码
Nov 06 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
JS正则表达式验证端口范围(0-65535)
Jan 06 Javascript
vue中重定向redirect:‘/index‘,不显示问题、跳转出错的完美解决
Sep 28 Javascript
js 压缩图片的示例(只缩小体积,不更改图片尺寸)
Oct 21 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中用文本文件做数据库的实现方法
2008/03/27 PHP
php split汉字
2009/06/05 PHP
UCenter 批量添加用户的php代码
2012/07/17 PHP
CI框架简单邮件发送类实例
2016/05/18 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
解决laravel(5.5)访问public报错的问题
2019/10/12 PHP
PHP文件打开关闭及读写操作示例解析
2020/08/06 PHP
Nigma vs Alliance BO5 第二场2.14
2021/03/10 DOTA
js的匿名函数使用介绍
2013/12/11 Javascript
jquery Ajax 实现加载数据前动画效果的示例代码
2014/02/07 Javascript
php读取sqlite数据库入门实例代码
2014/06/25 Javascript
js动态切换图片的方法
2015/01/20 Javascript
JavaScript实现输入框与清空按钮联动效果
2016/09/09 Javascript
bootstrap的常用组件和栅格式布局详解
2017/05/02 Javascript
JavaScript取得gridview中获取checkbox选中的值
2017/07/24 Javascript
js实现图片粘贴上传到服务器并展示的实例
2017/11/08 Javascript
javaScript动态添加Li元素的实例
2018/02/24 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
koa-router源码学习小结
2018/09/07 Javascript
React 组件中的 bind(this)示例代码
2018/09/16 Javascript
linux系统使用python获取cpu信息脚本分享
2014/01/15 Python
python中lambda函数 list comprehension 和 zip函数使用指南
2014/09/28 Python
如何实现删除numpy.array中的行或列
2018/05/08 Python
python过滤中英文标点符号的实例代码
2019/07/15 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
python3中numpy函数tile的用法详解
2019/12/04 Python
python3:excel操作之读取数据并返回字典 + 写入的案例
2020/09/01 Python
css3打造一款漂亮的卡哇伊按钮
2013/03/20 HTML / CSS
北美三大旅游网站之一:Travelocity加拿大
2016/08/20 全球购物
聚美优品的广告词
2014/03/14 职场文书
财务会计专业求职信
2014/06/09 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
新店开张活动方案
2014/08/24 职场文书
先进个人申报材料
2014/12/30 职场文书
幼儿园万圣节活动总结
2015/05/05 职场文书
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android