Ext JS Date 组件在 7.2 版和现代工具包上不允许月份选择器答案

【问题标题】：Ext JS Date component doesn't allow month picker on version 7.2 and modern toolkitExt JS Date 组件在 7.2 版和现代工具包上不允许月份选择器
【发布时间】：2021-06-15 23:26:40
【问题描述】：

我们正在使用 Sencha Ext JS 框架版本 7.2 和现代工具包。对于这个特定的工具包和版本，我们没有为此组件启用月份选择器。

我们尝试进行一些覆盖以使其成为可能，但我们没有成功。

那么，你们知道我们该怎么做吗？或者是否有人已经做过类似的事情？

【问题讨论】：

你能提供一些小提琴样本吗？
您好 Arthur，我们有以下小提琴：fiddle.sencha.com/#fiddle/32j4&view/editor 只需更改为 Triton 主题即可。另外，我的同事可能找到了解决方案。他将尽快提供解决方案。感谢您的帮助！
月份或年份选择器？看起来它也没有在现代工具包的材料设计中实现。
现代工具包的月和海卫主题。是的，它没有实施。但是我们设法建立了一个覆盖。我的同事很快就会在这里发布解决方案。感谢您的帮助亚瑟！

标签： extjs datepicker extjs7

【解决方案1】：

我们能够使用在以下链接中找到的覆盖来应用月份选择器：

https://github.com/mitchellsimoens/extjs-date-picker/blob/master/overrides/panel/Date.js

基本上，上面链接上的代码是使用数据视图创建月份选择器，而覆盖是应用在现有日期组件上创建的月份选择器。

要应用它，您需要在您的 ExtJS 应用程序中配置的覆盖文件夹上创建 Date.js 覆盖文件，并且您还需要创建月份选择器组件，您可以在上面链接的 src/ 文件夹中找到在项目的 app/ 文件夹中。

在一个新的本地项目中，此覆盖在没有对代码进行任何更改的情况下工作，但在我们的项目中，未定义的 toolCt 变量出现错误，因此我们更改了第 83 行：

const toolCt = this.toolCt;

像：

toolCt = this.query()[0];

当月份选择器显示在最小化屏幕上时，我们还遇到了一些问题，我们使用 ExtJS 上的响应式配置进行了处理。基本上，当屏幕小于日期选择器高度时，我们会将日期组件更改为移动版本。

【讨论】：