您的位置:首页 > Web前端 > Vue.js

vue 遍历月份的每一天,并对应每一天是星期几

2020-07-14 05:32 225 查看

在表格中每竖列输入当前月份的日,并输出每一天是星期几,其中曜日表示的是星期

下面这是初始数据的定义

const columns = [
{
title: '日付',
dataIndex: 'daily_payment_head',
width: '72px',
align: 'center',
fixed: 'left'
},
{
title: '曜日',
dataIndex: 'obsidian_head',
width: '72px',
align: 'center',
fixed: 'left'
}]

方法区

// 获取当前的日期时间 并打印在表格左边

mounted() {
let date = new Date(),
month = date.getMonth()
this.getEveryDay(date, month)
},

methods: {

// 改变月份的方法
change_month(date) {
this.getEveryDay(date, date.getMonth())
},
// 遍历月历的时间
getEveryDay(date, month) {
//设置月份
date.setMonth(month + 1)
//设置一个月的某一天-这里设置为零则取到的日期中的天就会是当月的最后一天(比如,二月份就是28或29,其他月份就是30或31),方便下边的循环
date.setDate(0)
//获取月份的某一天
let day = date.getDate()

for (let i = 1; i <= day; i++) {
date.setDate(i)
data.push({
key: i,
table_one: i,
//选中月份的每一天和当天是星期几
table_two: ['日', '月', '火', '水', '木', '金', '土'][date.getDay()]
})
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: