ngx bootstrap datepicker только последний день месяца - PullRequest
0 голосов
/ 09 июля 2020

Надеюсь, у вас хороший день,

Я пытаюсь, чтобы мой календарь при выборе месяца принимал только последний день месяца (30 или 31 день в зависимости от выбранного месяца) , в настоящее время при выборе занимает первый день, и у меня не было возможности реализовать эту функцию никаких идей?

This is what my component currently looks like

This is my code.

In My component html:

 Fecha:   Обязательное поле.   

В моем component.ts

import { Component, OnInit, TemplateRef } from '@angular/core';
import { ParameterizationService } from 'src/app/services/parameterization.service';
import { BsModalService, BsModalRef } from 'ngx-bootstrap/modal';
import { FormBuilder, FormGroup, Validators, FormArray } from '@angular/forms';
import { BsDatepickerConfig, BsDatepickerViewMode } from 'ngx-bootstrap/datepicker';
import { Period } from 'src/app/classes/Periodo';

@Component({
  selector: 'app-date-tec',
  templateUrl: './date-tec.html',
  styleUrls: ['./date-tec.css']
})
export class DateTecComponent implements OnInit {
 public loadPeriodForm: FormGroup;
 public modalRef: BsModalRef;
 public bsValue = new Date();
 public dpConfig: Partial<BsDatepickerConfig> = new BsDatepickerConfig();
 public minMode: BsDatepickerViewMode = 'month';
 constructor(private service: ParameterizationService, private modalService: BsModalService,
   private alertService: AlertService, protected formBuilder: FormBuilder) {
 }

 ngOnInit(): void {
  this.perdiods = [];
  this.getPeriods();

  this.dpConfig.containerClass = 'theme-red';
  this.dpConfig.dateInputFormat = 'YYYY-MM-DD';
  this.dpConfig.minMode = this.minMode;

  this.loadPeriodForm = this.formBuilder.group({
    datePeriod: [new Date(), Validators.required],
    value: ['', Validators.required]
  });

 }
 //others codes... 
}

В настоящее время при открытии datepicker отображается текущий день, а при выборе другого месяца он всегда остается в первый день выбранного месяца.

...