如何使用8中的Bootstrap 4在日期选择器中将日期格式转换为DD MMM YYYY 从'ngx-bootstrap/datepicker'导入{BsDatepickerConfig}； 导出类CardleStransActionsComponent在NIT上实现{ 日期选择器配置：部分； privatetodayDate:Date=newDate（）； minDate：日期； maxDate：日期； } 建造商（privatefb:FormBuilder）{ this.todayDate=newDate（）； this.minDate=newDate（）； this.maxDate=newDate（）； this.minDate.setDate（this.minDate.getDate（）-7）； this.maxDate.setDate（this.maxDate.getDate（）+0）；

在HTML文件中，我认为需要在bsValue内部执行一些操作，而在ts文件中，我不知道在哪里更改以获得我想要的输出，即使其显示月份名称而不是月份数值

您应该通过

表单控件

获取今天的日期，而不是在其外部获取此工作ng

相关的HTML：

    import { BsDatepickerConfig } from'ngx-bootstrap/datepicker';
    export class CardlessTransactionsComponent implements OnInit {

    datePickerConfig: Partial<BsDatepickerConfig>;
    privatetodayDate: Date = newDate();
    minDate: Date;
    maxDate: Date;
    }

    constructor(privatefb:FormBuilder) {
    this.todayDate = newDate();
    this.minDate = newDate();
    this.maxDate = newDate();
    this.minDate.setDate(this.minDate.getDate() - 7);
    this.maxDate.setDate(this.maxDate.getDate() + 0);

---

工作

谢谢你的建议，我已经弄明白了。（在TS文件中进行更改）

} 我只是在dateFrom和dateTo处添加了“new Date（）”，然后删除了代码（this.maxDate.setDate（this.maxDate.getDate（）+0）

    import { BsDatepickerConfig } from'ngx-bootstrap/datepicker';
    export class CardlessTransactionsComponent implements OnInit {

    datePickerConfig: Partial<BsDatepickerConfig>;
    privatetodayDate: Date = newDate();
    minDate: Date;
    maxDate: Date;
    }

    constructor(privatefb:FormBuilder) {
    this.todayDate = newDate();
    this.minDate = newDate();
    this.maxDate = newDate();
    this.minDate.setDate(this.minDate.getDate() - 7);
    this.maxDate.setDate(this.maxDate.getDate() + 0);

<div class="row">
    <div class="col-sm-8">
        <i class="far fa-calendar-alt"></i>
        <input
          id="dtpFrom"
          placeholder="Datepicker"
          placement="top"
          class="form-control"
          bsDatepicker
          formControlName="dateMDY"
          [bsConfig]="{dateInputFormat: 'DD MMM YYYY',containerClass: 'theme-blue'}"
          [bsValue]="todayDate"
          [minDate]="minDate"
          [maxDate]="maxDate"
        />
      </div>
    </div>

initializeForm () {
this.cardlessForm= this.fb.group ({
dateFrom:new Date(),
dateTo:new Date ()
});