万年历的vue实现

一、实现原理
万年历

三个要素:

  • 本月一号星期几,比如这个月1号星期五
  • 上个月有多少天,上个月有30天
  • 本月有多少天,这个月有31天


    分析图

    2044年4月1日到底星期几呢?


    控制台输出

    JS内置了一个对象叫做Date,可以计算日期。注意,月份从0开始。
    调用new Date(),格式 new Date(年, 月份 - 1, 日)

    可以打点调用getDay(),即可迅速获得那一天的星期几。


    image.png

    image.png

    有个好玩的东西
    2019年35月87日
    image.png

    JS的日期,能够自动进位,特别厉害。
    image.png





image.png

高级版




image.png

你可能感兴趣的:(万年历的vue实现)