Как связать значение datetimepicker - PullRequest
Новая
       65

Как связать значение datetimepicker

0 голосов
/ 10 ноября 2019

html 

<input
type="text"
name="startTime"
class="datetimepicker"
value="{{pointTravelInput.startTime}}"
#startTime="ngModel"
[(ngModel)]="pointTravelInput.startTime"
autocomplete="off"
required>

ts 

$(document).ready(function() {
    $(".datetimepicker").datetimepicker({
    language: "th",
    format: "dd-mm-yyyy hh:ii:00",
    defaultTime: 0,
    todayBtn: true,
    autoclose: true,
    orientation: "top",
    startDate: new Date()
   }).on("hide", (e) => {
  });
});

когда я выбрал дату, она не работает pointTravelInput.startTime не привязывать значение. Как мне это решить?

Ответы [ 2 ]

2 голосов
/ 10 ноября 2019

Вам следует прекратить использование $(document).ready, когда вы используете angular ...

Angular использует специализированные методы, которые вызываются в определенные моменты во время визуализации углового приложения. Для начала вам понадобится ngOnInit.

Мой совет для вас, поскольку вы, кажется, пришли из JQuery, вы должны уделить некоторое время и пойти, хотя Тур героев учебная форма Angular.

Это должно помочь вам начать работу.

0 голосов
/ 10 ноября 2019

Вы можете попробовать вот так: 

<input type="date" name="startTime"
              class="datetimepicker" [ngModel] ="pointTravelInput.startTime | date:'yyyy-MM-dd'" (ngModelChange)="pointTravelInput.startTime = $event" [value]="datee | date:'yyyy-MM-dd'"  autocomplete="off"
              required>
...