js日历相关函数使用详解

本文实例为大家分享了js日历相关函数的具体代码，供大家参考，具体内容如下

1、获取某年某月第一天是周几

getMonthStartDay(year, month, index) {
    let monthFirstDay = Number(new Date(year, month, 1).getDay())
    return monthFirstDay
}

this.getMonthStartDay(2021, 06, 1)

2、获取某年某月某天是一年中第几周

getWeek(year, month, day) {
     //计算当年一月第一天是周几
     let yearFirstDay = Number(new Date(year + '-' + 1 + '-' + 1).getDay())
     //计算某天是第几周
     let dateDay = year + '-' + month + '-' + day
     let d1 = new Date(dateDay)
     let d2 = new Date(dateDay)
     d2.setMonth(0)//设置月份
     d2.setDate(0)//设置一月中的第一天
     let days = Math.ceil((d1 - d2) / (24 * 60 * 60 * 1000))
     let num = Math.ceil((days + yearFirstDay) / 7)
     return num
 }
 this.getWeek(2021, 06, 1)

3、获取某年某月一共有多少天

getDaysInMonth(year, month, index) {
    const daysOfMonth = []
    month = parseInt(month, 10)
    const lastDayOfMonth = new Date(year, month, 0).getDate()
    for (let i = 1; i <= lastDayOfMonth; i++) {
        let obj = {
            value: i
        }
        daysOfMonth.push(obj)
    }
    return daysOfMonth
}
this.getDaysInMonth(2021, 06, 1)

一、日历demo

效果图

完整代码（组件）

组件调用

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。