使用Vue.js创建的Calendar_html/css

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

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

CSS 日历