Как ограничить поле ввода даты только в формате mmddyyyy или mm / dd / yyyy и принимать значения календаря на лету в angular8 и jquery - PullRequest
Новая
       7

Как ограничить поле ввода даты только в формате mmddyyyy или mm / dd / yyyy и принимать значения календаря на лету в angular8 и jquery

0 голосов
/ 14 марта 2020

Я использовал BootStrap календарное средство выбора даты и времени вместе с Angular 8. Надлежащие даты привязываются к полю ввода на основе выбора даты при нажатии на календарь.

Если я добавлю дату, просто выбрав вкладку и стрелки и перейду к следующему полю путем изменения вкладки, то те же даты будут повторены для других полей ввода, в которых уже была другая дата.

Как я могу заставить эту работу работать так же, как нажимать на календарь? Я имею в виду, основываясь на изменениях табуляции и стрелок, я также хочу, чтобы даты оставались без изменений в зависимости от выбора даты из другого поля. 

ngAfterViewInit() {
  $(".onlyDate").datetimepicker({
    format: "L"
  });

  let dat = null;

  $(".onlyDate").datetimepicker().on("dp.hide", e => {
    const date = e.date;
    let dat = e.date.format("L");
    this.Restrictions[this.selectedIndex].datetime = dat;
  });
}

dateRestriction(i) {
  this.selectedIndex = i;
}

Демо

...