如何将data-plugin =“ timepicker”值传递给angularJS中的控制器

Question

我有将日期和时间传递给控制器​​的代码。

这是HTML代码，

<div class="page-content" ng-app="app">
   <div ng-controller="postAppoinmentCtr as ctrl" class="panel-body">
       <form ng-submit="submitForm()" id="form1">

            <input name="time" ng-model="time" type="text" class="form-control" ng-model="time" data-plugin="timepicker" autocomplete="off"/>
            <input name="date" ng-model="date" type="text" class="form-control" data-plugin="datepicker"/>
            <input..ng-model="type"...></input>
            <input..ng-model="Description"...></input>
            <button ...>
       </form>
   </div>
</div>

这是有角度的js部分

var app = angular.module('app', []);

app.controller('postAppoinmentCtr', function($scope, $http, $location) {

$scope.submitForm = function(){
    var url = $location.absUrl() + "/addAppoinment";
    alert(url);

    var config = {
        headers : {
            'Content-Type': 'application/json;charset=utf-8;'
        }
    }

    var data = {
        type: $scope.type,
        date: $scope.date,
        time: $scope.time,
        description: $scope.description
    };


    $http.post(url, data, config).then(function (response) {
        $scope.postResultMessage = "Sucessful!";
    }, function (response) {
        $scope.postResultMessage = "Fail!";
    });

    $scope.type = "";
    $scope.date = "";
    $scope.time ="";
    $scope.description ="";
}
});

当单击按钮类型和说明时，将其传递给控制器​​。但是日期和时间不行。我可以使用

<input id="date-birth" class="form-control" type="date" ng-model="date">

此行。但是我需要使用data-plugin="datepicker"。 我是angularjs的新手，我尝试了多种方法来解决此问题。 请给我一些答案。提前致谢。