Javascript AngularJS：将结果从日期选择器传递到ng模型

我有一个datetimepicker，我需要它将文本中的日期传递给模型

我会把它放在小提琴上，但我不知道怎么放，因为它的引导计时器位于这里

http://eonasdan.github.io/bootstrap-datetimepicker

angular（OBV）和其他东西

这就是我目前所拥有的

  <div class="form-group">
                  <div class='input-group date' ng-model="package.timeA">
                      <input type='text' id='datetimepicker3' ng-model="package.timeA" ng-change="alert('Hello')" class="form-control" />
                      <span class="input-group-addon" ng-model="package.timeA">
                          <span class="glyphicon glyphicon-time"></span>
                      </span>
                  </div>
              </div>

          <script type="text/javascript">
              $(function () {
                  $('#datetimepicker3').datetimepicker({
                      format: 'LT'
                  }).on("dp.change", function(e) {
                    document.getElementById('datetimepicker3').value = e.date;
                  });
              });
          </script>

$（函数（）{
$（'#datetimepicker3'）。datetimepicker({
格式：“LT”
}).on（“dp.change”，功能（e）{
document.getElementById（'datetimepicker3'）。value=e.date；
});
});

datetimepicker需要传递到模型中，直到它完全被卡住，这样我才能将它提交给DB

---

有什么想法吗？>

您需要触发

#datetimepicker3

的“输入”事件，因为ng模型侦听此事件，因此它应更新其值：

<script type="text/javascript">
              $(function () {
                  $('#datetimepicker3').datetimepicker({
                      format: 'LT'
                  }).on("dp.change", function(e) {
                    document.getElementById('datetimepicker3').value = e.date;
                    $('#datetimepicker3').trigger('input'); // trigger input event
                  });
              });
          </script>

$（函数（）{
$（'#datetimepicker3'）。datetimepicker({
格式：“LT”
}).on（“dp.change”，功能（e）{
document.getElementById（'datetimepicker3'）。value=e.date；
$（'#datetimepicker3'）.trigger（'input'）；//触发器输入事件
});
});

依照

默认情况下，Angular侦听

输入

事件，如果浏览器不支持该事件，它将返回到

按键

+

更改

事件

事件由jQlite的bind方法绑定（除非您还包含完整的jQuery，在这种情况下，它的bind方法将接管）

---

不需要更多的代码来理解datepicker如何与引导一起工作

这需要包含在指令中。您可以在那里更新范围

<div class='input-group date'>
   <input type='text' id='datetimepicker3' 
     ng-model="package.timeA" 
     ng-change="alert('Hello')" 
     class="form-control" />
   <span class="input-group-addon" ng-model="package.timeA">
      <span class="glyphicon glyphicon-time"></span>
   </span>
</div>

ng-model="package.timeA"