Angularjs中的Bootstrap Timepicker

Question

我是Angularjs的新手。我有以下bootstrap timepicker指令。

directive('timepicker', function(){
    return {
        restrict: 'AC',
        link: function(scope, el, attr)
        {
            if( ! jQuery.isFunction(jQuery.fn.timepicker))
                return false;

            var $this = angular.element(el),

                opts = {
                    template: attrDefault($this, 'template', false),
                    showSeconds: attrDefault($this, 'showSeconds', false),
                    defaultTime: attrDefault($this, 'defaultTime', 'current'),
                    showMeridian: attrDefault($this, 'showMeridian', true),
                    minuteStep: attrDefault($this, 'minuteStep', 15),
                    secondStep: attrDefault($this, 'secondStep', 15)
                },
                $n = $this.next(),
                $p = $this.prev();

            $this.timepicker(opts);

            if($n.is('.input-group-addon') && $n.has('a'))
            {
                $n.on('click', function(ev)
                {
                    ev.preventDefault();

                    $this.timepicker('showWidget');
                });
            }

            if($p.is('.input-group-addon') && $p.has('a'))
            {
                $p.on('click', function(ev)
                {
                    ev.preventDefault();

                    $this.timepicker('showWidget');
                });
            }
        }
    }
}).

在我的部分Html视图中，我有以下代码，

<input type="text" id="start_time" class="form-control timepicker" placeholder="Shift time" name="start_time" data-default-time="data.emp_start_time" ng-model="data.emp_start_time" id="end_time" data-template="dropdown" data-minute-step="5">
					
<input type="text" class="form-control timepicker" placeholder="Shift time" name="end_time" data-default-time="data.emp_end_time" ng-model="data.emp_end_time" data-template="dropdown" data-show-meridian="true" data-minute-step="5" >




<input type="text" id="start_time" class="form-control timepicker" placeholder="Shift time" name="start_time" data-default-time="data.emp_start_time" ng-model="data.emp_start_time" id="end_time" data-template="dropdown" data-minute-step="5">

<input type="text" class="form-control timepicker" placeholder="Shift time" name="end_time" data-default-time="data.emp_end_time" ng-model="data.emp_end_time" data-template="dropdown" data-show-meridian="true" data-minute-step="5" >

这里我将时间戳中的现有存储时间链接起来。如果我想编辑我必须做的转移timimg。我的问题是输入控件正确显示存储的时间。但是timepicker popup总是第一次显示错误的时间（例如下午1:00）。之后，如果我们点击时间戳，它会显示正确的值。

我正在使用bootstrap-timepicker.min.js。

这背后的问题是什么？

请帮我解决这个问题。