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 相关文章推荐
如何让页面在打开时自动刷新一次让图片全部显示
Dec 17 Javascript
使用javascript实现雪花飘落的效果
Jan 13 Javascript
JS绘制生成花瓣效果的方法
Aug 05 Javascript
js创建对象的方法汇总
Jan 07 Javascript
jQuery模仿京东/天猫商品左侧分类导航菜单效果
Jun 29 Javascript
浅谈js在html中的加载执行顺序,多个jquery ready执行顺序
Nov 26 Javascript
jQuery实现的表格前端排序功能示例
Sep 18 jQuery
react 国际化的实现代码示例
Sep 14 Javascript
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
vue + any-touch实现一个iscroll 实现拖拽和滑动动画效果
Apr 08 Javascript
微信小程序文章详情功能完整实例
Jun 03 Javascript
vue项目接口域名动态获取操作
Aug 13 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
Ajax+PHP 边学边练 之二 实例
2009/11/24 PHP
php学习笔记之 函数声明
2011/06/09 PHP
分享50个提高PHP执行效率的技巧
2015/12/26 PHP
Laravel项目中timeAgo字段语言转换的改善方法示例
2019/09/16 PHP
laravel 如何实现引入自己的函数或类库
2019/10/15 PHP
Thinkphp 框架配置操作之配置加载与读取配置实例分析
2020/05/15 PHP
JavaScript DOM学习第一章 W3C DOM简介
2010/02/19 Javascript
Jquery知识点二 jquery下对数组的操作
2011/01/15 Javascript
jquery选择器的选择使用及性能介绍
2013/01/16 Javascript
JS命名空间的另一种实现
2013/08/09 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
jQuery实现网页顶部固定导航效果代码
2015/12/24 Javascript
JS实现Select的option上下移动的方法
2016/03/01 Javascript
jQuery实现获取隐藏div高度的方法示例
2017/02/09 Javascript
python登录QQ邮箱发信的实现代码
2013/02/10 Python
Python中实现两个字典(dict)合并的方法
2014/09/23 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
通过Python使用saltstack生成服务器资产清单
2016/03/01 Python
python 连接sqlite及简单操作
2017/06/30 Python
django 配置阿里云OSS存储media文件的例子
2019/08/20 Python
对Pytorch中Tensor的各种池化操作解析
2020/01/03 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
Laura Geller官网:美国彩妆品牌
2018/12/29 全球购物
香港演唱会订票网站:StubHub香港
2019/10/10 全球购物
中软国际Java程序员笔试题
2014/07/19 面试题
服装仓管员岗位职责
2014/06/17 职场文书
学校与家长安全责任书
2014/07/23 职场文书
置业顾问岗位职责
2015/02/09 职场文书
讲文明倡议书
2015/04/29 职场文书
新郎婚礼致辞
2015/07/27 职场文书
高质量“欢迎词”
2019/04/03 职场文书
六一儿童节致辞稿(3篇)
2019/07/11 职场文书
排查MySQL生产环境索引没有效果
2022/04/11 MySQL
MySQL脏读,幻读和不可重复读
2022/05/11 MySQL