时间戳

首页 > 解决方案 > Ngx引导日期选择器的最大类型数？

javascript - Ngx引导日期选择器的最大类型数？

问题描述

如何限制 ngx bootstrap 的日期选择器类型 例如，如果我输入 04/25/199332132132 它是有效的....

        <input type="text" placeholder="04/25/1993" class="d-inline input-item form-control font-weight-bold text-center datepicker-input mrg "
          autocomplete="off" formControlName="date" aria-label="date" name="date"
          bsDatepicker [bsConfig]="{ isAnimated: true }"/>

标签： javascripthtmlangulartwitter-bootstrapngx-bootstrap

解决方案

作为添加readonly到输入元素的一种方式，因此它只能从日期选择器中选择。

 <input type="text" placeholder="04/25/1993" class="d-inline input-item form-control font-weight-bold text-center datepicker-input mrg " readonly
          autocomplete="off" formControlName="date" aria-label="date" name="date"
          bsDatepicker [bsConfig]="{ isAnimated: true }"/>

或添加 onkeydown="this.value = (this.value.length > 9) ? this.value.slice(0, 9) : this.value;"禁用超过 10 个字符

推荐阅读