angularjs - angularjs timepicker ng-change

Question

我正在使用 AngularJS TimePicker (ui.bootstrap.timepicker)。我想在时间选择器更改时触发一个事件。我寻找了一个 ng-change 属性，但没有找到。

我的目的是我想保存时间更改时对模型所做的更改。现在我已经使用 ng-model 来设置模型，但是我不知道如何通知控制器以便它可以执行保存（模型被序列化到本地存储）。如果可能，我想避免使用“保存”按钮。

在相关的说明中，我也想为 ui.bootstrap.datepicker 做同样的事情。

Answer 1

您可以使用 $scope.$watch 来监听时间选择器（或日期选择器）的更改并调用控制器中所需的任何内容。这是一个基于引导示例的plunker ，但在时间更改时会发出警报。您也应该能够为 datepicker 应用类似的逻辑。

Answer 2

您可以在脚本中使用

     <input type='text' class="form-control" ng-model="callMeTime.startHour" ng-change= "addTime()" id='datetimepicker1' placeholder="End Time" onkeydown="return false"/>


  <script>
  <script type="text/javascript">
$(function() {
   
    $('#datetimepicker1').datetimepicker({
        format  : "HH:mm",
    });

    $('#datetimepicker1').datetimepicker().on('dp.change', function (event) {
        var user_time_picker1 = $("#datetimepicker1");
        user_time_picker1.val(this.value);
        user_time_picker1.trigger('input');
    });
    });
   </script>