如何通过<ion-button>调用仅选择年月的<ion-datetime>组件?
仅通过按钮唤起年月选择器的可行方案
你之前的代码中,<ion-datetime> 组件缺少 presentation="month-year" 属性,导致默认显示完整日期选择界面。只需将该属性添加到模态框内的 datetime 组件中,即可实现仅选择年月的需求。
修正后的完整代码如下:
<ion-datetime-button datetime="datetime"></ion-datetime-button> <ion-modal [keepContentsMounted]="true"> <ng-template> <ion-datetime id="datetime" presentation="month-year"></ion-datetime> </ng-template> </ion-modal>
这样设置后,点击按钮唤起的模态框只会展示年月选择界面,不会出现日期选项。如果需要获取选中的年月值,可以通过双向绑定 [(ngModel)] 或监听 ionChange 事件来实现。
内容的提问来源于stack exchange,提问作者Jesus Poza
相关产品推荐
相关产品推荐

