timepicker.co timepicker仅在第二次单击输入时加载

Question

我在MEANstack应用上使用timepicker.co的timepicker。我的代码如下：

$scope.timePicker = timePicker;

function timePicker() {
    $(function(){
        $('input.timepicker').timepicker({
            timeFormat: 'h:mm p',
            interval: 15,
            minTime: '6',
            maxTime: '10:00pm',
            defaultTime: '6',
            startTime: '10:00',
            dynamic: true,
            dropdown: true,
            scrollbar: true
        });
    })
}

<input type="text" name="timepicker" class="timepicker" ng-click="timePicker()" value="" placeholder="Please choose a time">

问题是，如果我加载页面，然后单击.timepicker，将弹出defaultTime，但无论点击输入多少次，我都看不到下拉列表。如果我点击屏幕上的其他内容，然后再次点击.timepicker输入，我会看到下拉列表。我试图解决这个问题，但我不太清楚这个问题。还应该注意的是，我使用http://amsul.ca/pickadate.js/作为我的日期选择器。也许使用两者都存在一些问题？