在 ngx-bootstrap 日期选择器上使用 moment.js 语言环境答案

【问题标题】：Using moment.js locales on ngx-bootstrap datepicker在 ngx-bootstrap 日期选择器上使用 moment.js 语言环境
【发布时间】：2018-01-19 10:21:38
【问题描述】：

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

【问题讨论】：

标签： datepicker momentjs ngx-bootstrap

【解决方案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>

[bsConfig]= 使用 moment 定义的格式。 (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;
  }
}

}

【讨论】：