Moment.jsを使用して月を生成できない場合

Question

const generateDatesOfAMonth =() => { 

    let start_date_of_month = moment().format("YYYY-MM-01"), 
    end_date_of_month = moment().format("YYYY-MM-") + moment().daysInMonth(), 
    dayArray = []; 

    while (start_date_of_month <= end_date_of_month) { 
     dayArray.push({ days: start_date_of_month }); 
     start_date_of_month = moment(start_date_of_month).add(1, 'days'); 
    } 
    return dayArray; 
} 

上記のコードに問題がありますか？私たちは毎月の日数を知ることができます。私は瞬時に解決策を見つけましたが、私のループは間違っていますか？私は日々の配列を期待していますが、私が得たものはわずか1日目です。うーん、どんな手掛かり？

Answer 1

私は start_date_of_month = moment(start_date_of_month).add(1, 'days');

が start_date_of_month = start_date_of_month.add(1, 'days');

されるべきだと思う、このリソースをチェックアウト： Format date and Subtract days using Moment.js

Answer 2

@AlenJenshen：申し訳ありませんが、私はあなたの質問にコメントするのに十分な評判を持っていません。しかし、あなたの質問のためのソリューションがあります

const generateDatesOfAMonth =() => { 

    let start_date_of_month = moment().format("YYYY-MM-01"), 
    end_date_of_month = moment().format("YYYY-MM-") + moment().daysInMonth(), 
    dayArray = []; 


    while (start_date_of_month <= end_date_of_month) { 
     dayArray.push({ days: start_date_of_month }); 
     start_date_of_month = moment(start_date_of_month).add(1, 'days').format("YYYY-MM-DD"); 
    } 
    return dayArray; 
} 

あなたはループがEND_DATEするSTART_DATEを比較することはできませんしばらくので、start_date_of_monthをフォーマットするのを忘れました。私の解決策を試してください:)

Answer 3

月の毎日（例えば[1, ... 31]）の要素でビルドして配列するには、[...Array(moment().daysInMonth()).keys()];を使用できます。その後、date()とformat()を使用して結果を得ることができます。ここで

ライブワーキングサンプル：

const generateDatesOfAMonth =() => { 
 
    // Get array of numbers for each day of the month 
 
    let days = [...Array(moment().daysInMonth()).keys()]; 
 
    // Create a moment object for each day and format it 
 
    let dayArray = days.map(day => { 
 
    return { days: moment().date(day+1).format('YYYY-MM-DD') } 
 
    }); 
 
    return dayArray; 
 
} 
 

 
console.log(generateDatesOfAMonth());

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>