如何防止只从 mat-datepicker 中选择 DAY？答案

【问题标题】：How to prevent picking ONLY the DAY from the mat-datepicker?如何防止只从 mat-datepicker 中选择 DAY？
【发布时间】：2019-01-08 23:37:07
【问题描述】：

我需要允许用户只选择年份和月份，而不是选择月份中的实际日期。

谁能帮忙？？？

------------------------------------------ -------------

Given Stack 是 Angular 5 和 Material Design 5.2.5

我无法将 Material Design 升级到 6（API 可以轻松实现这一点）

【问题讨论】：

这部分来自文档例如？ material.angular.io/components/datepicker/…
这是针对 Material Design v6 的，他们对这个问题有一个非常好的解决方案，我需要继续使用 v5。还是谢谢
哦，是的，我错过了您评论中的那部分。用户只能选择年份和月份的目的是什么？也许您应该将日期格式屏蔽为 MM/YYYY。
是的，项目需要在选择年视图之后的月视图，之后没有日视图.....
我会推荐这个包。它非常灵活，并且包含了所需的功能。与材料相比，我更喜欢使用它。 danielykpan.github.io/date-time-picker（查看选定年份和选定月份部分的变化）

标签： angular html datepicker angular-material material-design

【解决方案1】：

我不知道 mat-datepicker 但是如果你可以使用的话，这里有一个 JS datepicker。它设置在 MM-YYYY。

这是 HTML

<input class="form-control" id="date" type="text" autocomplete="off" name="date" placeholder="MM-YYYY">

这里是 Javascript。你必须包含 bootstrap-datepicker.min.js 和 bootstrap-datepicker3.css ，你可以用谷歌搜索。

    $(document).ready(function(){
    var date_input=$('input[name="date"]');
    var container=$('.bootstrap-iso form').length>0 ? $('.bootstrap-iso form').parent() : "body";
    date_input.datepicker({
            format: "mm-yyyy",
            startView: "months", 
            minViewMode: "months",
            container: container,
            todayHighlight: true,
            autoclose: true,

    })
})

【讨论】：

Angular - 材料设计，mat-datepicker - 因此 js 在保持最佳实践的同时无法提供帮助