Угловой 7: Хотите простой пример двух полей p-календаря с каждым требуемым уровнем поля сообщения проверки на ощупь или нажмите кнопку Отправить - PullRequest
Новая
       19

Угловой 7: Хотите простой пример двух полей p-календаря с каждым требуемым уровнем поля сообщения проверки на ощупь или нажмите кнопку Отправить

0 голосов
/ 30 октября 2019

Я хочу простой пример двух p-calendar полей с проверкой каждого уровня поля на ощупь или нажатием кнопки подтверждения.

Исходный код: 

 <form [formGroup]="ConfigModel.formConfigGroup">
      <input id="txtkey" type="text" [(ngModel)]="ConfigModel.key" class="form-control" formControlName='ConfigKeyControl'
        placeholder="Key" maxlength="250">
      <div class="col-sm-12" *ngIf="ConfigModel.formConfigGroup.dirty"
        [hidden]="!(hasError('required','ConfigKeyControl'))">
        <span class="error">{{inputconst}}</span>
      </div>
      <div>
        <label>Start Date:</label>
        <p-calendar [(ngModel)]="ConfigModel.start" id="startdate" (onSelect)="onBlurMethod($event)"
          formControlName='ConfigStartDateControl' placeholder="Start Date" [minDate]="todaysDate" [required]="true">
        </p-calendar>
        <div *ngIf="ConfigModel.formConfigGroup.dirty" [hidden]="!(hasError('required','ConfigStartDateControl'))">
          <span class="error">{{inputconst}}</span>
        </div><br />
      </div>
      <div>
        <br />
        <label>End Date:
          <p-calendar [(ngModel)]="ConfigModel.end" [inline]="false" [minDate]="minimumDate" [disabledDates]="invalidDates"
            [readonlyInput]="true" formControlName='ConfigEndDateControl' placeholder="End Date">
          </p-calendar>
        </label>
        <div *ngIf="ConfigModel.formConfigGroup.dirty" [hidden]="!(hasError('required','ConfigEndDateControl'))">
          <span class="error">{{inputconst}}</span></div><br />
      </div>
      <div>
        <button id="btnsubmit" type="submit" [disabled]="!(ConfigModel.formConfigGroup.valid)" (click)="PostToConfigApi()"
          class="btn btn-success">Add
          <i class="fa fa-spinner fa-spin fa-fw" *ngIf="loading"></i>
        </button>
        <!-- Spinner start -->
        <div class="loading-gif" *ngIf="isSpinnerVisible">
          <p-progressSpinner [style]="{width: '50px', height: '50px'}" strokeWidth="8" fill="#EEEEEE"
            animationDuration=".5s">
          </p-progressSpinner>
        </div>
        <!-- Spinner end-->
      </div>
    </form>
...