解决handsontable日期控件汉化的问题

在项目的 node_modules\pikaday目录下打开 pikaday.js

 

 

 把

i18n: {
    previousMonth : 'Previous Month',
    nextMonth     : 'Next Month',
    months        : ['January','February','March','April','May','June','July','August','September','October','November','December'],
    weekdays      : ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
    weekdaysShort : ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
},

修改为 ：

i18n: {
            previousMonth: 'Previous Month',
            nextMonth: 'Next Month',
            months: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
            weekdays: ['日', '一', '二', '三', '四', '五', '六'],
            weekdaysShort: ['日', '一', '二', '三', '四', '五', '六']
        },

重启项目即可修改成功！

          效果： 

 

两外，再解决日期文字下面的那些小点的问题

 

 在App.vue 里面的 style 区域加上以下样式即可

.pika-table th abbr{
        text-decoration: blink!important;
    }

效果：

 

之前在网上看到说改 handsontable.full.js 里面的能实现效果，但是我这里没生效，改了 node_modules\pikaday\pikaday.js就生效了，

在 node_modules 里面一共有3份文件里面有这份结构，分别是：

node_modules\handsontable\dist\handsontable.full.js

node_modules\handsontable\dist\handsontable.full.min.js

node_modules\pikaday\pikaday.js

i18n: {
    previousMonth : 'Previous Month',
    nextMonth     : 'Next Month',
    months        : ['January','February','March','April','May','June','July','August','September','October','November','December'],
    weekdays      : ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'],
    weekdaysShort : ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']
},