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 相关文章推荐
[HTML/CSS/Javascript]WWTJS
Sep 25 Javascript
javascript form 验证函数 弹出对话框形式
Jun 23 Javascript
JS trim去空格的最佳实践
Oct 30 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
跟我学习javascript创建对象(类)的8种方法
Nov 20 Javascript
详解jQuery移动页面开发中的ui-grid网格布局使用
Dec 03 Javascript
详解Javascript模板引擎mustache.js
Jan 20 Javascript
详解jQuery中关于Ajax的几个常用的函数
Jul 17 jQuery
Vue中el-form标签中的自定义el-select下拉框标签功能
Apr 20 Javascript
关于vue-cli3打包代码后白屏的解决方案
Sep 02 Javascript
Vue3+elementui plus创建项目的方法
Dec 01 Vue.js
详解Node.js如何处理ES6模块
May 15 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
基于flush()不能按顺序输出时的解决办法
2013/06/29 PHP
Laravel学习基础之migrate的使用教程
2017/10/11 PHP
宝塔面板在NGINX环境中TP5.1如何运行?
2021/03/09 PHP
非常漂亮的JS代码经典广告
2007/10/21 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
js/jquery判断浏览器的方法小结
2014/09/02 Javascript
JavaScript自定义等待wait函数实例分析
2015/03/23 Javascript
JavaScript中Date.toSource()方法的使用教程
2015/06/12 Javascript
利用CSS、JavaScript及Ajax实现图片预加载的方法
2016/11/29 Javascript
springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项
2017/04/23 Javascript
Vue导出json数据到Excel电子表格的示例
2017/12/04 Javascript
浅谈React中的元素、组件、实例和节点
2018/02/27 Javascript
NodeJS 将文件夹按照存放路径变成一个对应的JSON的方法
2018/10/17 NodeJs
浅析vue-router原理
2018/10/19 Javascript
js实现随机数小游戏
2019/06/28 Javascript
javascript实现页面的实时时钟显示示例
2020/08/06 Javascript
Nuxt.js nuxt-link与router-link的区别说明
2020/11/06 Javascript
python密码错误三次锁定(实例讲解)
2017/11/14 Python
Python模拟脉冲星伪信号频率实例代码
2018/01/03 Python
python 实现selenium断言和验证的方法
2019/02/13 Python
PyTorch搭建多项式回归模型(三)
2019/05/22 Python
Python求解正态分布置信区间教程
2019/11/20 Python
python模拟点击网页按钮实现方法
2020/02/25 Python
python实现模拟器爬取抖音评论数据的示例代码
2021/01/06 Python
Sneaker Studio罗马尼亚网站:购买运动鞋
2018/11/04 全球购物
大学生职业规划范文:象牙塔生活的四年计划
2014/01/14 职场文书
社区八一活动方案
2014/02/03 职场文书
建筑工程专业大学生求职信
2014/04/23 职场文书
大队委竞选演讲稿
2014/04/28 职场文书
销售简历自我评价怎么写
2014/09/26 职场文书
运动会广播稿200字(10篇)
2014/10/12 职场文书
2015年全国“爱牙日”宣传活动总结
2015/03/23 职场文书
优质服务心得体会(共4篇)
2016/01/22 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
Nginx配置文件详解以及优化建议指南
2021/09/15 Servers
使用SQL实现车流量的计算的示例代码
2022/02/28 SQL Server