Datepicker 角度材质日期选择器禁用工作不正常的天数

Datepicker 角度材质日期选择器禁用工作不正常的天数,datepicker,angular-material,Datepicker,Angular Material,我正在使用角度材质日期选择器(V9.2.4),在禁用日期(日期)选择时遇到问题。即使在仅允许年和月选择的datepicker示例中(请参见),它也不起作用。当您在下拉组件下的列表中选择带有年份的年份时,它会起作用。选择年份后,您将看到月份选择,选择月份后,日期选择器关闭。但如果你多年来一直点击下拉列表(在我的第一个屏幕截图中用红色箭头标记),它不会(见图) 有没有办法禁用日期(天)选择?在我的情况下,我需要这个,因为后面的服务只需要选择月份和年份。该应用程序会自动将我这边的日期设置为1,如果用

我正在使用角度材质日期选择器(V9.2.4),在禁用日期(日期)选择时遇到问题。即使在仅允许年和月选择的datepicker示例中(请参见),它也不起作用。当您在下拉组件下的列表中选择带有年份的年份时,它会起作用。选择年份后,您将看到月份选择,选择月份后,日期选择器关闭。但如果你多年来一直点击下拉列表(在我的第一个屏幕截图中用红色箭头标记),它不会(见图)


有没有办法禁用日期(天)选择?在我的情况下,我需要这个,因为后面的服务只需要选择月份和年份。该应用程序会自动将我这边的日期设置为1,如果用户可以选择一天,这将令人困惑。

我终于找到了解决问题的方法。您可以使用styles what is okay禁用年份选择下拉列表,因为您可以通过单击控件中的箭头来选择所需的年份,从而在年份列表中导航

这个问题可以通过……来解决

  • 在使用日期选择器的组件的.scss文件中设置以下样式

    :ng deep.date picker.mat日历期间按钮{ 显示:无; }

  • 在global styles.scss文件中设置以下样式

    .date picker.mat日历期间按钮{ 显示:无; }

  • 之后要做的是将此样式设置为material datepicker的panelClass属性


    虽然我找到了一个解决方案,但我对此并不满意,因为这两个解决方案都不完美。使用::ng deep的第一个解决方案并不完美,因为::ng deep正在讨论中,已被弃用。第二个解决方案(在我的例子中)并不完美,因为我编写的组件位于我们自己的库中。如果我使用该解决方案,这意味着每个使用该库的应用程序都必须将该样式添加到全局样式中。这是一个远非完美的解决方案。

    我终于找到了解决问题的方法。您可以使用styles what is okay禁用年份选择下拉列表,因为您可以通过单击控件中的箭头来选择所需的年份,从而在年份列表中导航

    这个问题可以通过……来解决

  • 在使用日期选择器的组件的.scss文件中设置以下样式

    :ng deep.date picker.mat日历期间按钮{ 显示:无; }

  • 在global styles.scss文件中设置以下样式

    .date picker.mat日历期间按钮{ 显示:无; }

  • 之后要做的是将此样式设置为material datepicker的panelClass属性

    虽然我找到了一个解决方案,但我对此并不满意,因为这两个解决方案都不完美。使用::ng deep的第一个解决方案并不完美,因为::ng deep正在讨论中,已被弃用。第二个解决方案(在我的例子中)并不完美,因为我编写的组件位于我们自己的库中。如果我使用该解决方案,这意味着每个使用该库的应用程序都必须将该样式添加到全局样式中。这是一个远非完美的解决方案