Vue + moment 实现自定义日历

moment
moment是一个js工具库，这个库中封装的是日期时间的方法，功能很全面。可以去moment官网看看，它的中文文档介绍的也很详细，主要是看一下方法的使用。附上官网地址：添加链接描述

日历案例
日历的逻辑：
从当前月出发，必须直到当前月的天数，必须知道当前月第一天是星期几。
只有知道了天数和第一天是星期几，才能知道第一天的位置在哪，要显示几天

案例中需要使用的方法：
以下方法都是在moment()返回对象身上的方法
获取当前日期和时间：moment()
获取某月的天数：daysInMonth()
获取某月的第一天：startOf(‘month’)
获取某天是星期几：weekday()
增加时间：add(Number, String)
减去时间：subtract(Number, String)
设置一周从周一开始（默认是周日开始）：locale(‘zh-cn’)
显示格式：format()。这个是使用最多用处最大的方法，它的参数是令牌，令牌不同日期和时间显示不同。

我们来看下效果：

代码：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167