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 相关文章推荐
document对象execCommand的command参数介绍
Aug 01 Javascript
Prototype使用指南之range.js
Jan 10 Javascript
javascript 网页跳转的方法
Dec 24 Javascript
jquery创建一个ajax关键词数据搜索实现思路
Feb 26 Javascript
jquery实现邮箱自动补全功能示例分享
Feb 17 Javascript
jQuery控制TR显示隐藏的三种常用方法
Aug 21 Javascript
jquery 中ajax执行的优先级
Jun 22 Javascript
原生js仿淘宝网商品放大镜效果
Feb 28 Javascript
Angualrjs 表单验证的两种方式(失去焦点验证和点击提交验证)
May 09 Javascript
浅谈node中的exports与module.exports的关系
Aug 01 Javascript
JavaScript适配器模式详解
Oct 19 Javascript
基于casperjs和resemble.js实现一个像素对比服务详解
Jan 10 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
Ext.data.PagingMemoryProxy分页一次性读取数据的实现代码
2010/04/07 PHP
linux系统上支持php的 iconv()函数的方法
2011/10/01 PHP
浅析php中jsonp的跨域实例
2013/06/21 PHP
php如何连接sql server
2015/10/16 PHP
php将从数据库中获得的数据转换成json格式并输出的方法
2018/08/21 PHP
修改jQuery.Autocomplete插件 支持中文输入法 避免TAB、ENTER键失效、导致表单提交
2009/10/11 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
js获取客户端外网ip的简单实例
2013/11/21 Javascript
js实现的GridView即表头固定表体有滚动条且可滚动
2014/02/19 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
2014/02/23 Javascript
JavaScript常用数组算法小结
2016/02/13 Javascript
使用jQuery监听DOM元素大小变化
2016/02/24 Javascript
JavaScript代码性能优化总结(推荐)
2016/05/16 Javascript
angular和BootStrap3实现购物车功能
2017/01/25 Javascript
js实现按座位号抽奖
2017/04/05 Javascript
Express+Nodejs 下的登录拦截实现代码
2017/07/01 NodeJs
基于jquery的on和click的区别详解
2018/01/15 jQuery
使用svg实现动态时钟效果
2018/07/17 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
Vue修改项目启动端口号方法
2019/11/07 Javascript
vue3.0 上手体验
2020/09/21 Javascript
Python切片用法实例教程
2014/09/08 Python
使用Python进行AES加密和解密的示例代码
2018/02/02 Python
python3人脸识别的两种方法
2019/04/25 Python
详解pycharm连接不上mysql数据库的解决办法
2020/01/10 Python
pycharm通过ssh连接远程服务器教程
2020/02/12 Python
如何快速理解python的垃圾回收机制
2020/09/01 Python
html5 canvas绘制放射性渐变色效果
2018/01/04 HTML / CSS
Staples英国官方网站:办公用品一站式采购
2017/10/06 全球购物
鞋子女王塔玛拉·梅隆同名奢侈品牌:Tamara Mellon
2017/11/22 全球购物
英国绿色商店:Natural Collection
2019/05/03 全球购物
高一生物教学反思
2014/01/17 职场文书
2014办公室年度工作总结
2014/12/09 职场文书
2019西餐厅创业计划书范文!
2019/07/12 职场文书
教你使用Pandas直接核算Excel中快递费用
2021/05/12 Python