规划
- 显示title 为选择的具体年月日
- 渲染每个月的天数
- 一个月的天数显示星期几
问题分析
- 一个时间对象的 get[name]方法可以获取年月日:getDate, getDay, getMonth…
- 获取月份的时候,月份为 index 索引,从 0 开始,所以真实月份为 getMonth+1
- 借助 new Date ,这个对象可以作为参数,传入组件,从而渲染不同月份的日期。但是 new Date 传入字符串参数的时候,存在兼容性问题。所以采用 new Date(year, month, day)的构造事件对象的方式
- 基于 vue2.5.6版本构建的组件,传参的时候,如果传递的参数的默认值是一个对象类型,这个默认值必须从一个函数中返回
构建数据结构
- 这个月份总共多少天?
通过获取传入的 Date 对象的当前月的最后一天是几号,那么这个月就有多少天,假设得到了 N 天。
new Date(2005, 10, 0).toLocaleDateString()
// output "2005/10/31" 第三个参数传