You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何通过<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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.22 17:56:59