在 BsDatepickerConfig 中允许时间选择器

Question

我正在使用 BsDatepickerConfig 来选择日期，我也想用它来选择同一字段中的时间，有什么办法吗？

 <div class="col-lg-6 col-md-6 col-sm-6">
        <fieldset [disabled]="caseFound">
        <div class="ui-input-group">
        <input type="text" class="form-control" #dp="bsDatepicker" bsDatepicker
         bsConfig]="bsConfig" formControlName="cardExpiryDate" placeholder='DD-MM-YYYY'
         (ngModelChange)="triggerCheck()">
          <span class="input-bar"></span>
          <label>Card Expiry Date <span class="mdtr">*</span></label>
          <span *ngIf="submitted && f.cardExpiryDate.errors" class="tooltiptext">{{'Card Expiry Date is required'}}</span>
           </div>
        </fieldset>
         </div>

Answer 1

您可以在 bsconfig 中将 withTimepicker 作为 true 传递：

    [bsConfig]="{withTimepicker: true, rangeInputFormat : 'MMMM Do YYYY, h:mm:ss a', dateInputFormat: 'MMMM Do YYYY, h:mm:ss a'}"

Example 来自文档。

withTimepicker 配置选项已添加到 ngx-bootstrap v7.1.2

在 BsDatepickerConfig 中允许时间选择器

allow time picker in BsDatepickerConfig

html

ngx-bootstrap

angular