欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

使用 Vue.js 创建的 Calendar_html/css_WEB-ITnose

程序员文章站 2022-05-09 21:30:27
...
使用 Vue.js 进行数据与视图的绑定,数据更新会让视图自动进行更新,类似 Android 里面的 DataBinding 。

实现一个 HTML的 日历效果。

html 部分

  • {{ currentYear }} {{ currentMonth }}月
  • {{ day.getDate() }} {{ day.getDate() }} {{ day.getDate() }}

id 为 calendar 对应的创建一个 Vue 对象,设置 el 为 ‘#calendar’

             

完整代码:

 日历

CSS 日历

  • {{ currentYear }} {{ currentMonth }}月
  • {{ day.getDate() }} {{ day.getDate() }} {{ day.getDate() }}

文章来自:http://hanks.xyz