vue 日历翻拍效果_Vue实现日历渲染

需求制作一个签到日历,先简单的将日历的效果做出来,直接分享一下源码,有需要直接取用就好.

{ {item}}

{ {item}}

// 实现每行7个自动换行

.calenderTitle, .calenderInside{

margin: 0 auto;

display: flex;

flex-wrap: wrap;

width: 700px;

}

.calenderItem{

width: 100px;

height: 100px;

}

export default {

data () {

return {

// 获取当前时间戳(后期采用服务器时间)

timestamp: (new Date()).getTime(),

// 当前年份

nowYear: null,

// 当前月份

nowMonth: null,

// 当前日期

nowDate: null,

// 当前星期

nowDay: null,

// 日期标题

calenderTitel: ['日', '一', '二', '三',