使用 Vue.js 创建的 Calendar_html/css_WEB-ITnose
程序员文章站
2022-04-19 12:17:16
...
使用 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