diff --git a/src/calendar/README.zh-CN.md b/src/calendar/README.zh-CN.md index 58e57889e..3e678fed7 100644 --- a/src/calendar/README.zh-CN.md +++ b/src/calendar/README.zh-CN.md @@ -34,6 +34,7 @@ Vue.use(Calendar); | max-date | 最大日期 | `Date` | 当前日期的六个月后 | - | | button-text | 选择日期区间时,确认按钮的文字 | `string` | `确定` | - | | button-disabled-text | 选择日期区间时,确认按钮处于禁用状态时的文字 | `string` | `确定` | - | +| show-mark | 是否显示月份背景水印 | `boolean` | `true` | - | ### Events diff --git a/src/calendar/components/Month.js b/src/calendar/components/Month.js index faf6c26e0..909872f0c 100644 --- a/src/calendar/components/Month.js +++ b/src/calendar/components/Month.js @@ -7,7 +7,8 @@ export default createComponent({ props: { date: Date, days: Array, - title: String + title: String, + showMark: Boolean }, mounted() { @@ -31,6 +32,12 @@ export default createComponent({ } }, + genMark() { + if (this.showMark) { + return
{this.date.getMonth() + 1}
; + } + }, + genDay(item) { const { type } = item; @@ -65,7 +72,7 @@ export default createComponent({
{this.genTitle()}
-
{this.date.getMonth() + 1}
+ {this.genMark()} {this.days.map(this.genDay)}
diff --git a/src/calendar/index.js b/src/calendar/index.js index c9f36a60d..17cf4e398 100644 --- a/src/calendar/index.js +++ b/src/calendar/index.js @@ -36,6 +36,10 @@ export default createComponent({ return new Date(now.getFullYear(), now.getMonth() + 6, now.getDate()); }, validator: isDate + }, + showMark: { + type: Boolean, + default: true } }, @@ -203,6 +207,7 @@ export default createComponent({ refInFor days={month.days} date={month.date} + showMark={this.showMark} title={index !== 0 ? month.title : ''} onClick={this.onClickDay} />