Angular +Ionic修改日期组件英文按钮

1,引入日期组件:

       <ion-list>
              <div class="alert-price">
                <ion-datetime displayFormat="YYYY-MM-DD"  name ="endDate" [(ngModel)] ="endDate"  ></ion-datetime>
                <ion-label position="floating"></ion-label>
              </div>
        </ion-list>

2,添加属性 [pickerOptions]

  <ion-datetime displayFormat="YYYY-MM-DD"  name ="endDate" [(ngModel)] ="endDate"  ></ion-datetime>
  <ion-label position="floating"  [pickerOptions]="toChinese" ></ion-label>

3,ts中添加

  public toChinese = {
    buttons: [{
      text: '取消',
      handler: () => console.log('Clicked Save!')
    }, {
      text: '保存',
      handler: () => {
        console.log('Clicked Log. Do not Dismiss.');      
      }
    }]
  }

4,主要效果

在这里插入图片描述

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐