Question

我有一个datetimepicker。

总的来说，它工作正常并更新文本框。但是，当我将ng-model放在输入字段上时，没有任何内容会传递到页面底部的绑定。

这是我正在使用的表格：

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

这是我的JS代码：

$(function () {
    $('#datetimepicker3').datetimepicker({
        format: 'LT'
    });
});

Answer 1

对于输入框，给出一些id或类名，然后用该id或类

初始化datepicker

 <input type='text' ng-model="package.timeA" value="" class="mydatePicker form-control" />


 $('.mydatePicker ').datetimepicker();

它会起作用。

Answer 2

您可以尝试使用允许重新加载变量的$ apply和允许设置视图变量的$ setViewValue。

在输入标记上添加ng-change并传递日期。

在您的控制器中，您可以创建如下函数：

$scope.onChange = function(package.timeA)
{
    $scope.$apply(function (){
         YourCtrl.$setViewValue(package.timeA)
    }
}

AngularJS：ng模型不通过日期选择器更新

2 个答案: