美文网首页Vue.js专区
Vue实现有价格日历

Vue实现有价格日历

作者: 王小妞闯天涯 | 来源:发表于2018-07-12 18:44 被阅读108次

    1.分析

    *上面月份是一部分

    *下面的日期是一个整体

    *根据获取到的数据先获取到有几个月

    *再给每个月赋值

    *月份切换时修改数据,在下面部分根据切换的数据使用v-if来实现切换

    2.代码实现

    canlender.vue

    template:

    script:

    data中:

    数据处理完成,把分组好的数组传到cell-month中:

    cell-month.vue

    template:

    script:

    主要的几个方法就是

    1.要把月份抽取出来,然后去重,显示一共有几个月

    2.在显示每个月的信息时,要根据穿过来的年月,判断这个月共有几天

    3.判断每个月的1号是周几,然后再插到相应的周几之下

    相关文章

      网友评论

      • 纯白_57e5:小姐姐 这个价格日历可以给个demo么?
        王小妞闯天涯:链接: https://pan.baidu.com/s/1AlYAXmfx8SamkDe2EouMOA 密码: amjm,只是简单的抽出文件,没做太具体的,下载下来直接运行就可以

      本文标题:Vue实现有价格日历

      本文链接:https://www.haomeiwen.com/subject/asirpftx.html