保持代表时间的依赖模型同步

时间:2016-01-29 18:45:23

标签: javascript angularjs momentjs

我正在构建一个角度模块,用户可以在其中输入工作时间。这些是我需要的模型(我使用momentjs来处理格式化):

  • start datetime
  • 结束日期时间
  • 间歇开始日期时间
  • 间歇结束日期时间

表单包含以下字段:

<input type="text" ng-model="start_date"> <!-- Date of work entry YYYY.MM.DD-->
<input type="text" ng-model="start_time"> <!-- Start time of work entry HH:mm -->
<input type="text" ng-model="end_time"> <!-- End time of work entry HH:mm -->
<input type="text" ng-model="intermission_start_time"> <!-- Start time of intermission HH:mm -->
<input type="text" ng-model="intermission_end_time"> <!-- End time of intermission -->

我想在用户输入日期时更新我上面描述的模型,并且我想将输入字段更新为模型更新。 这不是微不足道的,因为工作条目可以从start_date开始,但可以在第二天结束(例如,下午20点 - 凌晨4点)。我正在使用momentjs检查结束时间是否在开始时间之前,如果是,则添加一天。

摘录:

if(end_datetime.diff(start_datetime) < 0) {
    end_datetime.add(1, 'd');
}

问题:我不能$ scope。$观看4个模型并更新输入模型和$ scope。$观察字段模型并更新上面的4个模型,因为这会导致无限循环。

如何在执行计算从一个到另一个的同时保持依赖模型同步?

0 个答案:

没有答案