当前位置:Gxlcms > html代码 > 使用Vue.js创建的Calendar_html/css_WEB-ITnose

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

时间:2021-07-01 10:21:17 帮助过:21人阅读

使用 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

人气教程排行