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

在表格中每竖列输入当前月份的日,并输出每一天是星期几,其中曜日表示的是星期
vue 遍历月份的每一天,并对应每一天是星期几_第1张图片
下面这是初始数据的定义

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()]
        })
      }

你可能感兴趣的:(vue 遍历月份的每一天,并对应每一天是星期几)