vue 中 FullCalendar 修改日期名字
时间: 2024-05-07 20:19:38 浏览: 140
日程管理时间管理任务管理FullCalendar集成实战Vue+FullCalendar过程版
要修改 FullCalendar 中日期的名称,你需要使用 FullCalendar 的 `dayNamesShort` 和 `dayNames` 选项。
`dayNamesShort` 选项用于设置缩写的星期几名称,而 `dayNames` 选项用于设置完整的星期几名称。
例如,将星期日改为“日”和星期一改为“一”,可以这样配置:
```javascript
import FullCalendar from '@fullcalendar/vue'
import dayGridPlugin from '@fullcalendar/daygrid'
export default {
components: {
FullCalendar
},
data() {
return {
calendarOptions: {
plugins: [ dayGridPlugin ],
dayNamesShort: [ '日', '一', '二', '三', '四', '五', '六' ],
dayNames: [ '星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六' ]
}
}
}
}
```
如果你只想修改一个日期名称,可以只更改 `dayNamesShort` 或 `dayNames` 中的相应项。
```javascript
dayNamesShort: [ 'S', 'M', 'T', 'W', 'T', 'F', 'S' ],
dayNames: [ 'Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday' ]
```
以上代码将星期日缩写为“S”,星期一缩写为“M”等等,星期日的完整名称为“Sunday”,星期一的完整名称为“Monday”等等。
阅读全文