为bootstrap 3定制vuejs datepicker

时间:2018-04-19 08:35:56

标签: twitter-bootstrap twitter-bootstrap-3 vue.js vuejs2

目前vuejs datepicker for boostrap 3看起来像这样:

enter image description here

如您所见,我们有一个标签exit。我需要的是将该标签更改为2018 April

我看到该组件没有任何可以帮助我的API参考。有什么想法吗?

我的解决方案是找到修改插件的方法,但这是最后一个解决方案。

1 个答案:

答案 0 :(得分:2)

确实,你不能。来自插件的源代码:https://github.com/wxsms/uiv/blob/master/src/components/datepicker/DateView.vue

2018 April编码为<b>{{yearMonthStr}}</b>。这是一个计算属性,定义如下:

yearMonthStr () {
    return isExist(this.month) ? `${this.year} ${this.t(`uiv.datePicker.month${this.month + 1}`)}` : this.year
},

正如您所说,它很复杂,您可能需要修改插件。您可以向项目发出拉取请求,向组件添加选项以自定义月份。