`
javaEdge
  • 浏览: 22247 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

javascript日期操作

阅读更多

时间对象是一个我们经常要用到的对象,无论是做时间输出、时间判断等操作时都与这个对象离不开。除开JavaScript中的时间对象外,在VbScript中也有许多的时间对象,而且非常好用。下面还是按照我们的流程来进行讲解。

它是一个内置对象——而不是其它对象的属性,允许用户执行各种使用日期和时间的过程。
 方法:分为得到时间方法、设置时间方法和转换时间方法

得到时间方法:
  getDate() 查看Date对象并返回日期
  getDay() 返回星期几
  getHours() 返回小时数
  getMinutes() 返回分钟数
  getMonth() 返回月份值
  getSeconds() 返回秒数
  getTime() 返回完整的时间
  getYear() 返回年份
  

设置时间方法:
  setDate() 改变Date对象的日期
  setHours() 改变小时数
  setMinutes() 改变分钟数
  setMonth() 改变月份
  setSeconds() 改变秒数
  setTime() 改变完整的时间
  setYear() 改变年份

转换时间方法:
  toGMTString() 把Date对象的日期(一个数值)转变成一个GMT时间字符串,返回类似下面的值:Weds,15 June l997 14:02:02 GMT(精确的格式依赖于计算机上所运行的操作系统而变)
  toLocaleString() 把Date对象的日期(一个数值)转变成一个字符串,使用所在计算机上配置使用的特定日期格式
  UTC() 使用Date UTC(年、月、日、时、分、秒),以自从1970年1月1日00:00:00(其中时、分、秒是可选的)以来的毫秒数的形式返回日期
几个需要注意的地方:

1、得到日期和年和设置日期和年时间,其中很怪的问题就是不能对月份进行设置(比较的怪):
<script language="javascript">
d = new Date();
alert(d.toLocaleString());
d.setDate(25);
alert(d.toLocaleString());
d.setYear(2000);
alert(d.toLocaleString());
</script>

2、获得年的时候最好用getFullYear()方法来做

3、由于针对月份,JS是从0开始的,因此需要对月份进行操作时要加1



下面是几个关于时间的经典而且经常会用到的例子,希望对大家会有提高的。谢谢继续关注该帖子。。。

1、将2005-8-5转换成2005-08-05格式
<script language="javascript">
var strDate = '2005-8-5';
window.alert(strDate.replace(/\b(\w)\b/g, '0$1'));
</script>

2、得到间隔天数
<script type="text/javascript">
<!--
alert("间隔天数为:"+(new Date('2005/8/15')-new Date('2003/9/18'))/1000/60/60/24+"天")
//-->
</script>

3、得到间隔时间
<script>
var d1=new Date("2004/09/16 20:08:00");
var d2=new Date("2004/09/16 10:18:03");
var d3=d1-d2;
var h=Math.floor(d3/3600000);
var m=Math.floor((d3-h*3600000)/60000);
var s=(d3-h*3600000-m*60000)/1000;
alert("相差"+h+"小时"+m+"分"+s+"秒");
</script>

4、得到今天的日期
<script language="javascript">
d = new Date();
alert(d.getFullYear()+"年"+(d.getMonth()+1)+"月"+d.getDate()+"日");
</script>

6、数字日期转汉字
<html>
<head>
<title> New Document </title>
</head>

<body>

<script language=javascript>
Date.prototype.getRead = function()
{
var values = new Array("零", "一", "二", "三", "四", "五", "六", "七", "八", "九");
var returnValue, temp;
returnValue = this.getYear()+"年";
temp = (this.getMonth()+1)+"月"+this.getDate()+"日";
temp = temp.replace(/(\d)(\d)/g,"$1十$2").replace(/1十/g,"十").replace(/十0/g,"十");
returnValue += temp;
returnValue = returnValue.replace(/\d/g, function(sts){return values[parseInt(sts)]});
return returnValue;
}

var t=new Date();
document.write(t.getRead());
</script>
</body>
</html>

7、得到前N天或后N天的日期
方法一:
<script type="text/javascript">
function showdate(n)
{
var uom = new Date(new Date()-0+n*86400000);
uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate();
return uom;
}

window.alert("今天是:"+showdate(0));
window.alert("昨天是:"+showdate(-1));
window.alert("明天是:"+showdate(1));
window.alert("10天前是:"+showdate(-10));
window.alert("5天后是:"+showdate(5));
</script>
方法二:
<script type="text/javascript">
function showdate(n)
{
var uom = new Date();
uom.setDate(uom.getDate()+n);
uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate();
return uom;
}

window.alert("今天是:"+showdate(0));
window.alert("昨天是:"+showdate(-1));
window.alert("明天是:"+showdate(1));
window.alert("10天前是:"+showdate(-10));
window.alert("5天后是:"+showdate(5));
</script>
方法三(不好意思,这个市用vsscript做的):
<script language="vbscript">
function showdate(n)
showdate=dateadd("d",date(),n)
end function
msgbox "今天是:"&showdate(0)
msgbox "昨天是:"&showdate(-1)
msgbox "明天是:"&showdate(1)
msgbox "十天前是:"&showdate(-10)
msgbox "五天后是:"&showdate(5)
</script>
方法四:
<script language="Javascript">
Date.prototype.getDays=function(){
var _newDate=new Date();
_newDate.setMonth(_newDate.getMonth()+1);
_newDate.setDate(0);
$_days=_newDate.getDate();
delete _newDate;
return $_days;
}
function showdate(n)
{
var uom = new Date();
uom.setDate(uom.getDate()+n);
uom = uom.getFullYear() + "-" + (uom.getMonth()+1) + "-" + uom.getDate()+"\n星期"+('天一二三四五六'.charAt(uom.getDay()))+"\n本月有"+ uom.getDays()+"天";
return uom;
}

window.alert("今天是:"+showdate(0));
window.alert("昨天是:"+showdate(-1));
window.alert("明天是:"+showdate(1));
window.alert("10天前是:"+showdate(-10));
window.alert("5天后是:"+showdate(5));
</script>

分享到:
评论

相关推荐

    JavaScript日期操作技术解析与实践应用

    内容概要:本文介绍了如何使用 JavaScript 中的 Date 对象获取各种与日期相关的信息。主要内容包括获取当前一周的所有日期、获取当月所有日期、获取当月的总天数、计算两个日期之间的差异、获取未来若干天的具体日期...

    javaScript 日期组件

    在这个场景中,我们关注的是一个名为“js日期组件二”的压缩包文件,可能包含了一个自定义的JavaScript日期处理库或一个基于现有库(如jQuery UI或Bootstrap Datepicker)的实现。 JavaScript 日期操作主要依赖于...

    javascript日期格式化

    JavaScript是Web开发中不可或缺的一部分,尤其在处理日期和时间的操作上。日期格式化是一个常见的需求,无论是为了展示用户友好的日期...在进行日期操作时,应始终考虑跨时区问题和本地化需求,以提供更好的用户体验。

    JavaScript日期控件02(日期选择器)

    JavaScript日期控件是一种常见的网页交互元素,用于帮助用户在网页上方便地选择日期。这篇博客“JavaScript日期控件02(日期选择器)”可能是博主FantasyYong分享的一个关于自定义日期选择器的实现方法。日期控件在...

    Javascript考试题目选择题.doc

    知识点:javascript日期操作,Date对象的使用。 12. 如果想在网页显示后,动态地改变网页的标题是通过document.title="新的标题内容"。 知识点:javascript文档对象模型,document.title属性的使用。 13. 某网页...

    javascript 日期控件

    JavaScript 日期控件是网页开发中常用的一种交互元素,它允许用户在网页上方便地选择日期,常用于表单填写、日程安排等场景。在本案例中,我们有两个文件:`date.html` 和 `setday.js`。前者是HTML页面,后者是...

    JavaScript袖珍西历

    **JavaScript日期操作**: 在JavaScript中,你可以使用`getDate()`获取日期中的天数,`getMonth()`获取月份(返回值为0-11),`getFullYear()`获取四位数的年份,以及`getHours()`, `getMinutes()`, `getSeconds()`...

    javascript时间案例子

    总的来说,这个案例涵盖了JavaScript处理日期和时间的基础知识,以及可能的进阶实践,是学习和提高JavaScript日期操作技能的好资料。通过分析`calendarOld`和`calendarNew`的代码,可以深入了解日历组件的实现原理,...

    javascript的日期空间源代码

    JavaScript的日期处理是编程中常见的任务之一,尤其是在构建交互式Web应用时。本文将深入探讨JavaScript的日期空间源代码,以及如何使用JavaScript实现一个日期选择JS控件。 首先,JavaScript的`Date`对象是处理...

    javascript日期选择器,很强大

    JavaScript日期选择器是一种在网页上方便用户选择日期的交互组件,通常用于表单输入或事件调度等场景。在Web开发中,JavaScript提供了内置的Date对象,但为了提供更好的用户体验和更丰富的功能,开发者通常会使用...

    javascript 日期数字文本格式化

    jQuery是一个广泛使用的JavaScript库,简化了DOM操作、事件处理、Ajax交互等任务。虽然日期格式化通常不需要jQuery,但在这个上下文中,它可能被用来辅助展示和处理日期,比如动态更新日期元素,或者从服务器获取并...

    javascript 日期组件

    JavaScript 日期组件是一种用于处理和显示日期的工具,它在Web开发中扮演着重要的角色,尤其是在构建用户界面和交互功能时。...通过阅读和分析代码,可以提升对JavaScript日期处理以及DOM操作的理解。

    javascript时间计算

    - [JavaScript日期操作教程](https://www.runoob.com/js/js-date.html) 通过上述解析,我们可以看到JavaScript提供了非常灵活的方式来处理日期与时间,只要理解了基本原理,就能轻松应对各种复杂的日期时间计算需求...

    JavaScript经典日期控件

    JavaScript经典日期控件,如标题所述,是一种基于JavaScript编写的用于网页交互的日期选择组件,它使得用户在网页上能够方便地选取日期。这个控件的版本为My97DatePicker3.0.1,通常这类控件会提供丰富的功能和良好...

    日期控件 javascript日期控件

    JavaScript日期控件因其轻量级、灵活性和易于集成的特点,在Web开发中被广泛使用。本篇将深入探讨JavaScript日期控件,包括其基本原理、使用方法以及如何与jQuery库结合,同时也将提及压缩包中的相关资源。 一、...

    javascript 日期时间控件

    总之,JavaScript日期时间控件是一个复杂但实用的Web组件,它利用JavaScript的日期功能结合用户交互设计,为用户提供了一种在网页中选择日期和时间的便捷方式。通过分析"datescript.js",我们可以深入理解其背后的...

    js 时间计算(加减天数、返回当前时间后一个星期的日期,返回格式yyyy-MM-dd)

    至于压缩包中的文件名列表,它们可能是教程的不同章节,如`chapter12`、`chapter15`等,通常这些文件可能包含了更深入的JavaScript日期操作的实例或讲解。如果想要深入学习,可以查看这些章节的内容,尤其是涉及到...

    javascript实现的日期选择器

    这个压缩包可能包含了一个自定义的JavaScript日期选择器实现。 `THUMBS.DB` 是一个图片预览数据库文件,通常在Windows系统中用于存储文件夹中的缩略图,可能与日期选择器的界面设计有关,包含了图标或示例图像。 `...

    时间日期JavaScript 选择时间日期

    常见的JavaScript日期库如moment.js、date-fns和luxon等,提供了更强大和灵活的日期处理功能,包括复杂的日期格式化、解析、比较和计算。 以上就是JavaScript处理日期和时间的一些核心知识点,这些在日常Web开发中...

    js获取日期

    ### JavaScript 日期操作详解 在JavaScript中,对日期的操作是一项非常常见的需求,无论是前端开发还是后端脚本处理,都离不开对日期的获取、格式化等操作。本文将详细介绍JavaScript中与日期相关的几种常用方法,...

Global site tag (gtag.js) - Google Analytics