`
guy19867
  • 浏览: 89541 次
  • 性别: Icon_minigender_1
  • 来自: 济南
社区版块
存档分类
最新评论

JS对日期的操作

 
阅读更多

 项目需要一个这样的功能:可以通过选择框条件选择日期范围。从网上找了这些代码,功能很容易实现了。

var now = new Date();                    //当前日期    
var nowDayOfWeek = now.getDay();        //今天本周的第几天    
var nowDay = now.getDate();              //当前日    
var nowMonth = now.getMonth();          //当前月    
var nowYear = now.getYear();            //当前年    
nowYear += (nowYear < 2000) ? 1900 : 0;  //    
    
//格式化日期:yyyy-MM-dd    
function formatDate(date) {      
    var myyear = date.getFullYear();    
    var mymonth = date.getMonth()+1;    
    var myweekday = date.getDate();      
        
    if(mymonth < 10){    
        mymonth = "0" + mymonth;    
    }      
    if(myweekday < 10){    
        myweekday = "0" + myweekday;    
    }    
    return (myyear+"-"+mymonth + "-" + myweekday);      
}      
    
//获得某月的天数    
function getMonthDays(myMonth){    
    var monthStartDate = new Date(nowYear, myMonth, 1);      
    var monthEndDate = new Date(nowYear, myMonth + 1, 1);      
    var  days  =  (monthEndDate  -  monthStartDate)/(1000  *  60  *  

60  *  24);      
    return  days;      
}    
    
//获得本季度的开始月份    
function getQuarterStartMonth(){    
    var quarterStartMonth = 0;    
    if(nowMonth<3){    
      quarterStartMonth = 0;    
    }    
    if(2<nowMonth && nowMonth<6){    
      quarterStartMonth = 3;    
    }    
    if(5<nowMonth && nowMonth<9){    
      quarterStartMonth = 6;    
    }    
    if(nowMonth>8){    
      quarterStartMonth = 9;    
    }    
    return quarterStartMonth;    
}    
    
//获得本周的开始日期    
function getWeekStartDate() {      
    var weekStartDate = new Date(nowYear, nowMonth, nowDay - 

nowDayOfWeek);      
    return formatDate(weekStartDate);    
}      
    
//获得本周的结束日期    
function getWeekEndDate() {      
    var weekEndDate = new Date(nowYear, nowMonth, nowDay + (6 - 

nowDayOfWeek));      
    return formatDate(weekEndDate);    
}      
    
//获得本月的开始日期    
function getMonthStartDate(){    
    var monthStartDate = new Date(nowYear, nowMonth, 1);      
    return formatDate(monthStartDate);    
}    
    
//获得本月的结束日期    
function getMonthEndDate(){    
    var monthEndDate = new Date(nowYear, nowMonth, getMonthDays

(nowMonth));      
    return formatDate(monthEndDate);    
}    
    
//获得本季度的开始日期    
function getQuarterStartDate(){    
        
    var quarterStartDate = new Date(nowYear, getQuarterStartMonth(), 

1);      
    return formatDate(quarterStartDate);    
}    
    
//或的本季度的结束日期    
function getQuarterEndDate(){    
    var quarterEndMonth = getQuarterStartMonth() + 2;    
    var quarterStartDate = new Date(nowYear, quarterEndMonth, 

getMonthDays(quarterEndMonth));      
    return formatDate(quarterStartDate);    
}

 

分享到:
评论

相关推荐

    js对日期操作

    Date.prototype.Format 日期格式化 Date.prototype.DateAdd 日期计算 Date.prototype.DateDiff 比较日期差 Date.prototype.toString 日期转字符串 Date.prototype.toArray 日期分割为数组 Date.prototype.DatePart ...

    JS对日期操作封装代码实例

    这篇文章主要介绍了JS对日期操作封装代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 格式化日期: /** * 格式化日期 * @param fmt 例如:yyyy-MM-...

    JQ JS javascript 日期多选控件

    总结,使用jQuery和JavaScript开发日期多选控件是一个涉及DOM操作、事件处理、第三方库集成的过程。通过理解Date对象、选择合适的日期插件,以及定制功能和响应式设计,你可以创建出满足各种需求的日期选择器。在...

    js(javascript) 日期控件

    10. **性能优化**:大型应用中,频繁的日期操作可能会影响性能。通过合理使用事件委托、延迟渲染或复用DOM元素,可以提高日期控件的性能。 总的来说,JS日期控件涉及了JavaScript的基础知识,如对象、事件、DOM操作...

    JS时间日期源码集锦

    总结,JavaScript处理时间日期的能力是多方面的,从基础的日期对象操作到复杂的特效实现,都需要对JavaScript的特性有深入理解。通过学习和实践这些源码,不仅可以提升技能,还能激发创新思维,创造出更多引人入胜的...

    js时间日期输入框

    `WdatePicker`是一款功能丰富的JavaScript日期选择插件,由中国Web开发社区开发,支持多种日期格式,提供多种语言环境,并且具有日期计算、日期限制、日期校验等功能。其使用非常简便,只需要在HTML中添加一个`...

    JavaScript对日期的调用

    对于日期的处理,JavaScript提供了内置的Date对象,可以方便地创建、操作和格式化日期。在项目开发中,尤其是在涉及到用户界面的日期输入和显示时,理解并熟练使用JavaScript的日期处理功能至关重要。 在JavaScript...

    javascript 日期数字文本格式化

    在实际应用中,JavaScript的日期格式化可以使用多种方式实现,包括但不限于自定义函数、使用内置`Date`对象的`toLocaleString`或`toISOString`方法,或者利用第三方库,如Moment.js或date-fns。这些库提供了丰富的...

    js日期时间控件 JavaScriptjs日期时间控件 jsp

    JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...

    JS日期选择控件和日期类型操作

    在JavaScript中,日期处理是日常开发中不可或缺的一部分。本文将深入探讨JS中的日期选择控件、日期类型验证以及如何计算两个日期之间的差值。 一、JS日期选择控件 在前端开发中,为了提高用户体验,我们经常需要为...

    网页日期选择js文件

    "网页日期选择js文件" 提供的就是一个JavaScript实现的日期选择功能,使得开发者无需编写复杂的代码就能在网页上添加这种交互式元素。 JavaScript是一种在客户端运行的脚本语言,它对于网页动态交互起着至关重要的...

    js日期选择代码.zip

    这些库提供了更易用的API,支持复杂的日期操作和国际化。 在压缩包中的"日期选择代码"文件可能就是一个自定义的日期选择器实现,它可能包含了一些DOM操作、事件监听、日期验证以及用户友好的UI设计。而"新建文件夹...

    漂亮JavaScript弹出选择日期控件

    3. **事件处理**:当用户与日期控件交互时,如点击按钮,JavaScript会捕获这些事件并执行相应的操作,如弹出或关闭日期选择器,更新输入框的值等。 4. **日期逻辑**:日期选择器需要处理日期的合法性检查,例如确保...

    js操作日期函数

    上个月的最后一天;下个月的第一天;获取月份的天数 ;获取月份中的第一天是所在星期的第几天;解析字符串成日期格式对象;格式化日期对象为字符串;计算两个日期相差的天数;

    js日期选择插件

    JavaScript日期选择插件是网页开发中常用的一种工具,主要用于用户在网页上方便地选择日期,常见于表单输入、日历应用以及各种需要处理日期的交互场景。在本压缩包中,你将找到一个js日期插件,它允许开发者自定义...

    js实现日期列表 js实现日期列表

    ### 一、JavaScript日期对象的基本用法 在JavaScript中,`Date` 对象用于处理日期与时间。通过这个对象,我们可以获取和设置日期的不同部分,比如年份、月份、日等。同时,它还提供了计算两个日期之间的时间差以及...

    javascript的日期空间源代码

    本文将深入探讨JavaScript的日期空间源代码,以及如何使用JavaScript实现一个日期选择JS控件。 首先,JavaScript的`Date`对象是处理日期和时间的核心。它提供了一系列的方法和属性,允许我们创建、读取、操作和格式...

    javascript实现的日期选择器

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

    js 判断日期大小

    在JavaScript(以下简称JS)编程语言中,处理日期和时间是一个常见的需求,特别是在涉及日期比较、时间戳转换等操作时。本文将围绕“JS判断日期大小”这一主题,深入解析如何利用JS内置的Date对象和一些实用函数来...

Global site tag (gtag.js) - Google Analytics