在ngx-bootstrap datepicker上使用moment.js语言环境

Question

ngx-bootstrap有一个针对datepicker locale的自定义实现。由于我的项目已经在使用moment.js语言环境，我想知道是否可以将moment.js语言环境与ngx-bootstrap datepicker一起使用？

Answer 1

可以，您可以使用以下两种方法：

<div class="row">
          <div class="col-xs-12">
            <label>Date</label>
            <input [(ngModel)]="distributionDate"
                   required tabindex="2"
                   class="form-control"
                   placeholder="please select a date"
                   bsDatepicker
                   [bsConfig]="{ dateInputFormat: 'MMMM D, YYYY', containerClass: 'theme-red' }"
                   (onHidden)="dateIsValid('distributionDate')"/>
          </div>
        </div>

使用moment定义的格式的bsConfig=。(onHidden)=当您离开字段时执行的事件

您可以在某些服务中定义要使用的内容，也可以仅在组件中定义。

dateIsValid(fieldName) {
if (!isNullOrUndefined(this[fieldName])) {
  if (moment(this.formatDate(this[fieldName]), 'MMMM D, YYYY', true).isValid()) {
    this[fieldName] = this.formatDate(this[fieldName]);
    this.errors[fieldName] = false;
    return true;
  } else {
    this.errors[fieldName] = true;
    return false;
  }
}

}