Angular 2 Boostrap DatePicker отключить другие даты не работает - PullRequest
Новая
       40

Angular 2 Boostrap DatePicker отключить другие даты не работает

0 голосов
/ 04 июля 2018

В настоящее время я использую угловой загрузчик datepicker (Basic Datepicker) из примеров https://ng -bootstrap.github.io / # / components / datepicker / examples

Моя проблема в том, как отключить другие даты помимо выбранной мной даты? Пример: выбрано 13 июля, остальные даты отключены.

Спасибо и с нетерпением ждем!

1 Ответ

0 голосов
/ 04 июля 2018

Я не знаю, если это именно то, что вам нужно, но это может поставить вас на правильный путь: Вы можете ограничить даты определенным днем, изменив пример глобальной конфигурации внизу страницы, на которую вы ссылались 

import {Component} from '@angular/core';
import {NgbDatepickerConfig, NgbDateStruct} from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'ngbd-datepicker-config',
  templateUrl: 'src/datepicker-config.html',
  providers: [NgbDatepickerConfig] // add NgbDatepickerConfig to the component 
providers
})
export class NgbdDatepickerConfig {

  model;

  constructor(config: NgbDatepickerConfig) {
    // customize default values of datepickers used by this component tree
    config.minDate = {year: 1900, month: 1, day: 1};
    config.maxDate = {year: 2099, month: 12, day: 31};

    // days that don't belong to current month are not visible
    config.outsideDays = 'hidden';

    // everyday but today is disabled
    config.markDisabled = (date: NgbDateStruct) => {
      const today = new Date();
      today.setHours(0,0,0,0);
      const d = new Date(date.year, date.month - 1, date.day);
      return d.getTime() !== today.getTime();
    };
  }
}

Надеюсь, это поможет

...