发布于

VueJS 覆盖components的CSS方法

Post Views: 280

遇到了一个问题需要覆盖组件的CSS。但是如果直接同名写是没办法改的。

所以要加一个Class类似下面这种做法。

<template>
  <div class="wrapper">
    <comp-b>...</comp-b>
  </div>
</template>

<script>
import CompB from 'xxx/CompB'

export default {
  components: {
    CompB
  }
}
</script>

<style>
  .wrapper .compb-header {
    color: red;
  }
</style>
发布于

JS日期相关，为什么GetMonth从0开始

Post Views: 265

new Date(yyyy,mm,dd)

mm:月份的下标是从0开始的。

之所以会这样的原因，

假设月份是下面这种方式获取。

var months = ["January", "February", "March", "April", "May", "June", "July",
         "August", "September", "October", "November", "December"];

var d = new Date();

var namedMonth = months[d.getMonth()];

数组是从0开始计算，每次获取月份名字还要做个[-1]。

Ps：初始化日期方法链接

发布于

Vue好用的日历组件vue-simple-calendar介绍

Post Views: 419

本来找了一下，感觉vue-fullcalendar 是比较合适我的想法。想找个类似QQ日历的开源项目。可惜作者已经一年没更新了。而且有点复杂。

介绍下vue-simple-calendar

Simple Vue component to show a month-grid calendar with events

作者也是和我想的差不多。不过这位仁兄自己写了一个，我就不造轮子了。

为什么用这个。

  • 支持拖拽(触摸手机设备还不行，作者说之后可能做)
  • vue2.0
  • 还在更新
  • 多语言
  • 轻量
  • flex box layout
  • 没有其他额外依赖（Moment, JQuery, etc.）
  • 使用事件。
  • 也许有机会再做些扩展。

继续阅读“Vue好用的日历组件vue-simple-calendar介绍”