用 Date 对象查找一个月中的所有日子？

Question

有没有办法拥有一个月或一年的所有日子？ 我正在寻找这个以禁用日期选择器中的某些特定日期，我会在后台有一个页面来选择这些日子来禁用。

所以我需要显示一个月中的所有日子，并在每天下方添加一个“激活或停用”按钮。 有没有办法用 Date 对象找到这些日子？ 例如，我找到了这个链接： 显示一个月的所有日子，<\/a>但我不太明白，加上它是 Java，我正在尝试在 javascript 中找到解决方案。

谢谢您的帮助

Answer 1

要获取一个月中所有天的列表，您可以从一个月的第一天的Date开始，增加日期直到月份发生变化。

/**
 * @param {int} The month number, 0 based
 * @param {int} The year, not zero based, required to account for leap years
 * @return {Date[]} List with date objects for each day of the month
 */
function getDaysInMonth(month, year) {
  var date = new Date(year, month, 1);
  var days = [];
  while (date.getMonth() === month) {
    days.push(new Date(date));
    date.setDate(date.getDate() + 1);
  }
  return days;
}

UTC版本

为了回应一些评论，我创建了一个使用 UTC 方法的版本，以防您想调用 UTC 方法而不是返回本地化时区的标准方法。

我怀疑这是评论说这不起作用的罪魁祸首。 如果您使用Date.UTC实例化它，您通常希望确保调用getUTCMonth/Day/Hours方法，反之亦然，除非您尝试转换时区并显示差异。

function getDaysInMonthUTC(month, year) {
  var date = new Date(Date.UTC(year, month, 1));
  var days = [];
  while (date.getUTCMonth() === month) {
    days.push(new Date(date));
    date.setUTCDate(date.getUTCDate() + 1);
  }
  return days;
}

编辑此答案

如果您认为此脚本有问题，请随时：

• 首先查看下面的现有单元测试
• 编写一个测试用例来证明它已损坏。
• 修复代码，确保现有测试通过。

单元测试

 /** * @param {int} The month number, 0 based * @param {int} The year, not zero based, required to account for leap years * @return {Date[]} List with date objects for each day of the month */ function getDaysInMonthUTC(month, year) { var date = new Date(Date.UTC(year, month, 1)); var days = []; while (date.getUTCMonth() === month) { days.push(new Date(date)); date.setUTCDate(date.getUTCDate() + 1); } return days; } function getDaysInMonth(month, year) { var date = new Date(year, month, 1); var days = []; while (date.getMonth() === month) { days.push(new Date(date)); date.setDate(date.getDate() + 1); } return days; } const days2020 = [31, 29, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; const days2021 = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; describe("getDaysInMonthUTC", function() { it("gets day counts for leap years", function() { const actual = days2020.map( (day, index) => getDaysInMonthUTC(index, 2020).length ); expect(actual).toEqual(days2020); }); it("gets day counts for non-leap years", function() { const actual = days2021.map( (day, index) => getDaysInMonthUTC(index, 2021).length ); expect(actual).toEqual(days2021); }); }); describe("getDaysInMonth", function() { it("gets day counts for leap years", function() { const actual = days2020.map( (day, index) => getDaysInMonth(index, 2020).length ); expect(actual).toEqual(days2020); }); it("gets day counts for non-leap years", function() { const actual = days2021.map( (day, index) => getDaysInMonth(index, 2021).length ); expect(actual).toEqual(days2021); }); }); // load jasmine htmlReporter (function() { var env = jasmine.getEnv(); env.addReporter(new jasmine.HtmlReporter()); env.execute(); }());

 <script src="https://cdn.jsdelivr.net/jasmine/1.3.1/jasmine.js"></script> <script src="https://cdn.jsdelivr.net/jasmine/1.3.1/jasmine-html.js"></script> <link href="https://cdn.jsdelivr.net/jasmine/1.3.1/jasmine.css" rel="stylesheet"/>

Answer 2

一个班轮在一个月内将所有天数作为日期对象

const getDaysInMonth = (month, year) => (new Array(31)).fill('').map((v,i)=>new Date(year,month-1,i+1)).filter(v=>v.getMonth()===month-1)

Answer 3

根据您的描述，我不确定标准禁用日期日期选择器是否适用于您，因此我将直接回答您的问题。

通过执行以下操作，您可以相当轻松地构造一个月的天数数组：

var numOfDays = new Date(2012, 10, 0).getDate(); //use 0 here and the actual month
var days = new Array();

//This will construct an array with all the elements represent the day of the week 
//(i.e. Oct 30th would be days[30-1] or days[29]) and the value would be the actual 
//day of the week (i.e. Tuesday which is representing by the number 2)
for(var i=0;i<=numOfDays;i++)
{
    days[i] = new Date(2012,9,i+1).getDay(); //use month-1 here            
}
//This will give you a number from 0 - 6 which represents (Sunday - Saturday)
alert(days[29]); 

使用这一系列的日子，你几乎可以用它做任何你想做的事情，并且知道一周中的哪一天。

Answer 4

这是一个遍历每个月的循环以确定该月的最后一天。 Javascript Date 对象从零开始索引月份，如果您将日期设置为零，它会恢复到上个月的最后一天。 方便确定 2 月最后一天的闰年

Date( 2012, 12, 0)将返回Date( 2012, 12, 0)月 31 日

Date (2012,0,0)将返回Date (2012,0,0) 12 月 31 日

最重要的是要弄清楚的是二月

Date ( 2012,3,0)返回今年闰年以来的 2 月 29 日

var mos=['jan','feb','mar','apr','may','jun','jul','aug','sep','oct','nov','dec']

for (i = 0; i < 12; i++) {
    var lastDate = new Date(2012, i+1, 0);
    $('body').append('Last day of ' + mos[i] + ' is ' + lastDate.getDate()+'<br>')
}

演示： http : //jsfiddle.net/5k8sn/1/

Answer 5

我已经使用 jQuery 日期选择器实现了您请求的功能。

首先，将后台选择的所有要禁用的日期添加到数组中

// format yyyy-mm-dd
var disabledDates = [
    "2012-10-01",
    "2012-10-02",
    "2012-10-30",
    "2012-09-12"
];

二、用两个函数指定datepicker

$("#datepicker").datepicker({

    // only enable date if dateEnabled returns [true]
    beforeShowDay: dateEnabled,

    // once a date has been selected call dateSelected
    onSelect: dateSelected
});

这是所需函数的定义

function dateEnabled( d ) {

    // if date found in array disable date
    if( disabledDates.indexOf( getDate( d ) ) > -1 ) {

        return [false];

    } else {

        return [true] ;

    }
}  

将日期转换为字符串以与数组中的日期进行比较

function getDate( d ) {
    var day,
        month,
        year;

    day = d.getDate( );
    month = d.getMonth( ) + 1; // add 1 as getMonth returns 0 - 11
    year = d.getFullYear( );

    if( month < 10 ) month = "0" + month;
    if( day < 10 ) day = "0" + day;
    return year + "-" + month + "-" + day;
}

选择日期后，处理它

function dateSelected( d ) { 
   // do stuff with string representation of date                                          
}

这是一个小提琴http://jsfiddle.net/KYzaR/7/

只是认为值得一提的是 Array.indexOf 是最近添加到 ECMA-262 标准的，因此在 IE7 和 IE8 的情况下它不受支持。 以下 MDN 页面提供了为这些浏览器实现 Array.indexOf 的代码https://developer.mozilla.org/en-US/docs/JavaScript/Reference/Global_Objects/Array/indexOf

Answer 6

带 ES6 的快速且简单的 One 内胆

您可以获取指定月份的天数，然后使用该长度填充新数组。

 const getAllDaysInMonth = (month, year) => Array.from( {length: new Date(year, month, 0).getDate() - 1}, (_, i) => new Date(year, month, i + 1) ); const example = getAllDaysInMonth(8, 2021).map(x => x.toLocaleDateString()) console.log(example)

Answer 7

要在日期选择器中禁用日期，您可以使用此处描述的答案：
https://stackoverflow.com/a/12061715/48082

要选择多个日期（如在后台应用程序中），您可以使用此插件：
http://multidatespickr.sourceforge.net/

Answer 8

我有一个解决方案。 快乐编码❤️ !! 注意：0=1 月，1=2 月等等。例如 w3schools

const getDays = (month, year) => {
    let date = new Date(`${year}-${parseInt(month)+1}-01`);
    let days = [];
    while (date.getMonth() === parseInt(month)) {
        days.push(date.getDate());
        date.setDate(date.getDate() + 1);
    }
    return days;
}

Answer 9

你为什么不把一个月中的所有天都这样排列起来。

 const getDaysInMonth = (month,year,index=1,result=[]) =>{
            const date = new Date(year,month,index)
            return month == date.getMonth() ? getDaysInMonth(month,year,index+1,[...result,date]) : result
        }

然后数他们

const countDaysOfMonth = daysInMonth => daysInMonth.reduce((acc,value) => acc+1 ,0)

然后使用 Math.ceil 7 将它们除以得到周数的行数

const countWeeksInMonth = numberOfDays => Math.ceil(numberOfDays / 7)

Answer 10

这部分“新日期（年，月，0）”将获得一个月的最后一天，因此您只需从这一天开始迭代，创建从 1 到最后一天的所有天。

public getAllDaysOfMonth(year:number, month: number){
   const lastDayOfMonth = new Date(year, month , 0).getDate();
   for (let i = 1; i < lastDayOfMonth + 1; i++) {
     console.log('day', new Date(year, month - 1, i)) //Here will print all days
   }
}