Question

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不绑定值。我该如何解决？

Answer 1

当您使用角度...时，应停止使用$(document).ready。

Angular利用专门的方法，这些方法在渲染角度应用程序时的某些时刻被调用。您需要（开始）的是ngOnInit。

我对您的建议（似乎您来自JQuery背景）是，您需要花一些时间来学习Angular的Tour Of Heroes教程形式。

这应该可以帮助您入门。

Answer 2

您可以尝试这样：

<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>

如何绑定值datetimepicker

2 个答案: