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输入日期大于等于当前日期验证代码,分享给大家供大家参考,具体如下: <script> $(function () { var d = new Date(); var strDate = getDateStr(d); $("#beginTime").val(strDate); $("#endTime").val(strDate); //$("#beginTime").val("2015-10-
-
JavaScript获取当前日期是星期几的方法
本文实例讲述了JavaScript获取当前日期是星期几的方法.分享给大家供大家参考.具体如下: JavaScript获得当前日期是星期几,主要通过getDay函数获得当前日期是一个星期的第几天 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to display todays day of the week. </p> <button onclic
-
在JSP页面中获取当前日期时间的方法
1. <SCRIPT LANGUAGE="JavaScript"> var myDate = new Date(); myDate.getYear(); //获取当前年份(2位) myDate.getFullYear(); //获取完整的年份(4位,1970-????) myDate.getMonth(); //获取当前月份(0-11,0代表1月) myDate.getDate(); //获取当前日(1-31) myDate.getDay(); //获取当前星期X(0-6,
-
js获取当前周、上一周、下一周日期
效果图: 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>日历操作</title> <scrip
-
JS简单获取当前日期时间的方法(如:2017-03-29 11:41:10 星期四)
本文实例讲述了JS简单获取当前日期时间的方法.分享给大家供大家参考,具体如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>JS日期时间</title> <meta http-equiv
-
js显示当前日期时间和星期几
JavaScript获取当前日期时间同时显示星期几,具体代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="/jquery/1.7.0/jquery.min.js"></scr
-
JS日期对象简单操作(获取当前年份、星期、时间)
本文实例为大家分享了JavaScript获取当前年份.星期.时间的方法,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> </body> <script type="text/javascript"> //
-
JS简单获取当前日期和农历日期的方法
本文实例讲述了JS简单获取当前日期和农历日期的方法.分享给大家供大家参考,具体如下: navCal.js文件如下: today=new Date(); function initArray(){ this.length=initArray.arguments.length for(var i=0;i<this.length;i++) this[i+1]=initArray.arguments[i] } var d=new initArray( "星期日", "星期一&q
-
JS实现网页标题栏显示当前时间和日期的完整代码
本文实例讲述了JS实现网页标题栏显示当前时间和日期的完整代码.分享给大家供大家参考,具体如下: 本效果实现在网页的标题栏最前端显示当前的时间和日期,还可以显示星期几,JS代码,不过代码在兼容性方面好像有些问题,如果是IE的话则正常显示,其它浏览器则看不到效果. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-title-show-date-time-codes/ 具体代码如下: <html> <head> <title&
-
JS实现显示当前日期的实例代码
写在前面: 在做项目中,经常会用到显示当前日期这个功能,在此,记录下来,方便日后查阅. 先给大家展示下效果图: 由于功能较简单,这里就直接将代码搬上来吧 <%-- Created by IntelliJ IDEA. User: Administrator Date: 2018/6/12 Time: 8:17 --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %&g
-
原生JS实现的放大镜效果实例代码
这是我用原生js写的放大镜效果,与各种各样的框架技术相比,我喜欢使用原生的js,在这里,想和大家一起谈谈原生和框架技术的理解与个人喜好. <!DOCTYPE HTML> <html> <head> <title>js放大镜效果</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <style
-
Vue.js实现输入框绑定的实例代码
实现效果如下: 实现代码及注释 <!DOCTYPE html> <html> <head> <title>vue.js数据动态编辑</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style type=
-
BootStrap fileinput.js文件上传组件实例代码
1.首先我们下载好fileinput插件引入插件 <span style="font-size:14px;"><link type="text/css" rel="stylesheet" href="fileinput/css/fileinput.css" rel="external nofollow" /> <script type="text/javascript
-
JS实现星星评分功能实例代码(两种方法)
一.方法1 1.用到图片 2.结构和样式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> ul { padding-left: 0; overflow: hidden; } ul li { float: left; list-style: no
-
vue.js自定义组件directives的实例代码
自定义指令:以v开头,如:v-mybind. 代码示例: <input v-mybind /> directives:{ mybind:{ bind:function (el) { el.value = "this is mybind-bind" } }} 这时页面初始化时,input中会显示this is mybind-bind. 通过directives注册自定义指令mybind,每一个自定义指令中又提供若干钩子,如示例中的bind,bind的作用是定义一个在绑定时执行
-
JS获取当前时间的实例代码(昨天、今天、明天)
1.时间格式化 //昨天的时间 var day1 = new Date(); day1.setTime(day1.getTime()-24*60*60*1000); var s1 = day1.getFullYear()+"-" + (day1.getMonth()+1) + "-" + day1.getDate(); //今天的时间 var day2 = new Date(); day2.setTime(day2.getTime()); var s2 = day2
-
Angular.js 实现数字转换汉字实例代码
AngularJS 简介 AngularJS 是一个 JavaScript 框架.它可通过 <script> 标签添加到 HTML 页面. AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML. 下面通过本文给大家介绍Angular.js 实现数字转换汉字实例代码,具体代码如下所示: // 1.实现输入数字输出对应汉字,要求使用angularjs,不准使用$watch函数,for循环:提示:ng-change指令 <div ng-app="my
-
js给table赋值的实例代码
要求:用js实现给一个table赋值如上:(定义X=70 [HTML] <table class="table table-bordered"> <thead> <tr> <th colspan="5" class="active">经济条件较好地区学费表</th> </tr> <tr> <th></th> <th>4-8人班&
-
JS判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个)
js判断输入字符串长度实例代码(汉字算两个字符,字母数字算一个) 文本输入时,由于数据库表字段长度限制会导致提交失败,因此想到了此方法验证. 废话不多说上代码: <html> <head> <title>js判断输入字符串长度(汉字算两个字符,字母数字算一个)</title> <style type="text/css"> .pbt { margin-bottom: 10px; } .ie6 .pbt .ftid a, .ie
随机推荐
- 深入分析:用1K内存实现高效I/O的RandomAccessFile类的详解
- 利用Python中unittest实现简单的单元测试实例详解
- ASP.NET数据库操作类实例
- 建站常用13种PHP开源CMS比较
- php通过获取头信息判断图片类型的方法
- 学习php设计模式 php实现单例模式(singleton)
- python实现的多线程端口扫描功能示例
- jsp/javascript打印九九乘法表代码
- MySQL5.7安装过程并重置root密码的方法(shell 脚本)
- Android activity和view判断滑动
- Java中替换HTML标签的方法代码
- Android中简单调用图片、视频、音频、录音和拍照的方法
- 深入C++浮点数无效值定义与判定的解决办法
- thinkPHP框架自动填充原理与用法分析
- 浅析Java集合及LIst接口
- 基于axios 解决跨域cookie丢失的问题
- Linux系统(CentOS)下python2.7.10安装
- 易语言编写截屏程序制作教学
- Android自定义view仿iOS弹出框效果
- PHP针对redis常用操作实例详解