【原创】My97DatePicker报错 Uncaught TypeError: Cannot read property 'length' of null 分析

公司ui前端框架的日历插件使用的是第三方的My97DatePicker,在使用过程中,为了满足日期格式化的要求
写了下面两种写法

下面这样展示 “年-月-日 时:分:秒” 是正常,且无报错
在这里插入图片描述

但是换个格式,下面这个是"时分秒"的格式就有问题
在这里插入图片描述

报错如下:

VM352:1 Uncaught TypeError: Cannot read property 'length' of null
    at My97DP.initQS (eval at  (calendar.js:5), :1:19879)
    at My97DP._fillQS (eval at  (calendar.js:5), :1:13732)
    at My97DP.draw (eval at  (calendar.js:5), :1:18612)
    at My97DP.init (eval at  (calendar.js:5), :1:4541)
    at new My97DP (eval at  (calendar.js:5), :1:1729)
    at humanStatcs.html:1

这是截图
【原创】My97DatePicker报错 Uncaught TypeError: Cannot read property 'length' of null 分析_第1张图片

原因分析:
1 先自己找官网的最新版,本地demo测试功能是否可行。经过本地测试发现,语法一样,功能一样,正常显示,且不会报错。
2 查看本地项目中的My97DatePicker版本号,发现是测试版
【原创】My97DatePicker报错 Uncaught TypeError: Cannot read property 'length' of null 分析_第2张图片

而自己从官网下载的最新版却不是,尝试本地替换插件。完成后,发现能够正常使用,语法,页面效果都正常。

问题结论:
是My97DatePicker版本的问题导致,替换为稳定版即可
注意:第三方的插件如果要使用,最好不要使用测试版。选择稳定版是比较妥当的选择。

你可能感兴趣的:(前端学习资料)