更改<owl-date-time>中的按钮文本，并从日期中删除AM / PM

Question

我正在将该库“ https://www.npmjs.com/package/ng-pick-datetime”用于日期时间选择器。 https://stackblitz.com/github/DanielYKPan/owl-examples/tree/date-time-picker。我想将“设置”的按钮文本更改为“应用” 。

在将日期设置为输入字段后，显示为 AM / PM 。我要删除该字段。 谁能帮我怎么做。

Answer 1

根据本地化标签和消息部分中的文档，您可以通过OwlDateTimeIntl-docs自定义这些字符串：

选择器使用的各种文本字符串是通过OwlDateTimeIntl提供的。

import { OwlDateTimeModule, OwlNativeDateTimeModule, OwlDateTimeIntl} from 'ng-pick- 
datetime';


export class DefaultIntl extends OwlDateTimeIntl = {

/** A label for the cancel button */
cancelBtnLabel= 'Cancel',

/** A label for the set button */
setBtnLabel= 'Set',

/** A label for the hour12 button (AM) */
hour12AMLabel= 'AM',

/** A label for the hour12 button (PM) */
hour12PMLabel= 'PM',
};

Answer 2

使用此代码：

export class DefaultIntl extends OwlDateTimeIntl {
  /** A label for the cancel button */
  cancelBtnLabel= 'Cancelar';

  /** A label for the set button */
  setBtnLabel= 'Aceptar';
};

Answer 3

唯一的更改方法是转到根文件，即ng-pick-datetime文件夹，然后转到“ date-time-picker-intl.service.js”文件，在其中可以更改

this.setBtnLabel = 'Set'; 

到

 this.setBtnLabel = 'Apply';

Answer 4

import { OwlDateTimeIntl } from 'ng-pick-datetime';

export class DefaultIntl extends OwlDateTimeIntl {
    cancelBtnLabel = 'Your text'
    setBtnLabel = 'Your text'
};

@NgModule({
        declarations: [],
        imports: [
        ],
        providers: [
            { provide: OwlDateTimeIntl, useClass: DefaultIntl },
        ],
    })

Answer 5

类DefaultDateTimeIntl的格式应该是

import { Injectable } from '@angular/core';
import { OwlDateTimeIntl } from '@danielmoncada/angular-datetime-picker';
    
@Injectable()
export class DefaultDateTimeIntl extends OwlDateTimeIntl {
  public cancelBtnLabel = 'Cancel';
  public setBtnLabel = 'Apply Date/Time';
}