项目需要一个这样的功能:可以通过选择框条件选择日期范围。从网上找了这些代码,功能很容易实现了。
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);
}
分享到:
相关推荐
Date.prototype.Format 日期格式化 Date.prototype.DateAdd 日期计算 Date.prototype.DateDiff 比较日期差 Date.prototype.toString 日期转字符串 Date.prototype.toArray 日期分割为数组 Date.prototype.DatePart ...
这篇文章主要介绍了JS对日期操作封装代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 格式化日期: /** * 格式化日期 * @param fmt 例如:yyyy-MM-...
总结,使用jQuery和JavaScript开发日期多选控件是一个涉及DOM操作、事件处理、第三方库集成的过程。通过理解Date对象、选择合适的日期插件,以及定制功能和响应式设计,你可以创建出满足各种需求的日期选择器。在...
10. **性能优化**:大型应用中,频繁的日期操作可能会影响性能。通过合理使用事件委托、延迟渲染或复用DOM元素,可以提高日期控件的性能。 总的来说,JS日期控件涉及了JavaScript的基础知识,如对象、事件、DOM操作...
总结,JavaScript处理时间日期的能力是多方面的,从基础的日期对象操作到复杂的特效实现,都需要对JavaScript的特性有深入理解。通过学习和实践这些源码,不仅可以提升技能,还能激发创新思维,创造出更多引人入胜的...
`WdatePicker`是一款功能丰富的JavaScript日期选择插件,由中国Web开发社区开发,支持多种日期格式,提供多种语言环境,并且具有日期计算、日期限制、日期校验等功能。其使用非常简便,只需要在HTML中添加一个`...
对于日期的处理,JavaScript提供了内置的Date对象,可以方便地创建、操作和格式化日期。在项目开发中,尤其是在涉及到用户界面的日期输入和显示时,理解并熟练使用JavaScript的日期处理功能至关重要。 在JavaScript...
在实际应用中,JavaScript的日期格式化可以使用多种方式实现,包括但不限于自定义函数、使用内置`Date`对象的`toLocaleString`或`toISOString`方法,或者利用第三方库,如Moment.js或date-fns。这些库提供了丰富的...
JavaScript日期时间控件是网页开发中常用的一种组件,主要用于用户在网页上选择或输入日期和时间。在JavaScript中,处理日期和时间的核心对象是`Date`。本篇将深入探讨JavaScript日期时间控件的实现原理、使用方法...
在JavaScript中,日期处理是日常开发中不可或缺的一部分。本文将深入探讨JS中的日期选择控件、日期类型验证以及如何计算两个日期之间的差值。 一、JS日期选择控件 在前端开发中,为了提高用户体验,我们经常需要为...
"网页日期选择js文件" 提供的就是一个JavaScript实现的日期选择功能,使得开发者无需编写复杂的代码就能在网页上添加这种交互式元素。 JavaScript是一种在客户端运行的脚本语言,它对于网页动态交互起着至关重要的...
这些库提供了更易用的API,支持复杂的日期操作和国际化。 在压缩包中的"日期选择代码"文件可能就是一个自定义的日期选择器实现,它可能包含了一些DOM操作、事件监听、日期验证以及用户友好的UI设计。而"新建文件夹...
3. **事件处理**:当用户与日期控件交互时,如点击按钮,JavaScript会捕获这些事件并执行相应的操作,如弹出或关闭日期选择器,更新输入框的值等。 4. **日期逻辑**:日期选择器需要处理日期的合法性检查,例如确保...
上个月的最后一天;下个月的第一天;获取月份的天数 ;获取月份中的第一天是所在星期的第几天;解析字符串成日期格式对象;格式化日期对象为字符串;计算两个日期相差的天数;
JavaScript日期选择插件是网页开发中常用的一种工具,主要用于用户在网页上方便地选择日期,常见于表单输入、日历应用以及各种需要处理日期的交互场景。在本压缩包中,你将找到一个js日期插件,它允许开发者自定义...
### 一、JavaScript日期对象的基本用法 在JavaScript中,`Date` 对象用于处理日期与时间。通过这个对象,我们可以获取和设置日期的不同部分,比如年份、月份、日等。同时,它还提供了计算两个日期之间的时间差以及...
本文将深入探讨JavaScript的日期空间源代码,以及如何使用JavaScript实现一个日期选择JS控件。 首先,JavaScript的`Date`对象是处理日期和时间的核心。它提供了一系列的方法和属性,允许我们创建、读取、操作和格式...
这个压缩包可能包含了一个自定义的JavaScript日期选择器实现。 `THUMBS.DB` 是一个图片预览数据库文件,通常在Windows系统中用于存储文件夹中的缩略图,可能与日期选择器的界面设计有关,包含了图标或示例图像。 `...
在JavaScript(以下简称JS)编程语言中,处理日期和时间是一个常见的需求,特别是在涉及日期比较、时间戳转换等操作时。本文将围绕“JS判断日期大小”这一主题,深入解析如何利用JS内置的Date对象和一些实用函数来...