Javascript 日期时间选择器未在用户界面模式下工作

我有一个模态，它通过使用AngularUI模态打开

$scope.pdcPayment = function () {


    var modalInstance = $modal.open({
        templateUrl: 'pdc.html',
        windowClass: 'app-modal-window',
        backdrop: true,
        keyboard: false,
        modalFade: true,
        scope: $scope,
        controller: function ($scope, $modalInstance, $http) {
            $scope.submitMyForm = function (form) {
                if (form.bookingForm.$valid) {
                    $modalInstance.dismiss('cancel');

                }
                else {

                }
            };

            $scope.cancel = function () {
                $modalInstance.dismiss('cancel');
            };
        }
    });
};

这是我的html：

<div class="col-xs-4 form-group">
                        <label class="col-xs-12" for="pdcDatePicker">Date on Cheque: </label>
                        <div class="col-xs-12">
                            <input type="text" id="pdcDatePicker" name="pdcDatePicker" class="form-control"/>
                        </div>

支票日期：

另外，请看一下我用来调用日期时间选择器的方法：

<script>


    jQuery('#pdcDatePicker').datetimepicker();

jQuery（'#pdcDatePicker'）.datetimepicker（）；

---

由于某些原因，当我点击文本框时，日期时间选择器并不害羞。以下是我在ui模式上使用日期选择器的方式，一旦你有了正确的日期选择器库，这将非常容易

• 我用了这个本地的日期选择器
• 按照上列出的步骤设置此库以供使用， 一旦设置好了，下面的代码示例将帮助您在ui模式上显示日期时间选择器，我希望您在ui模式本身方面没有问题

这是我的html代码，请将其放入pdc.html模板html中

<div class="form-group col-md-6">
<label class="font-bold  small">Date on Cheque:</label>
<div class="dropdown">
    <a class="dropdown-toggle" id="dateModelId" role="button" data-toggle="dropdown" data-target="#" href="#">
        <div class="input-group dropdown">
            <input type="text" 
                   name="date"
                   class="form-control"
                   data-ng-model="dateModel">
            <span class="input-group-addon"> <i class="fa fa-calendar"></i></span>
        </div>
    </a>
    <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
        <datetimepicker
                data-ng-model="dateModel"
                data-datetimepicker-config="{startView:'day', minView:'day',dropdownSelector: '#dateModelId' }">
        </datetimepicker>
    </ul>
</div>

控制器可以是内联的，也可以是对项目中的对话控制器的调用，如上所示

这就是你所说的对话

<a class="btn btn-default" type="button" ng-click="onShowDialog('$event)">
            Show Dialog</a>

显示对话框

datePicker使用哪个库？@hame dhib在您的例子中，问题是在向html模式收费之前执行jQuery（“#pdcDatePicker”）.datetimepicker（）。我认为您不理解这个问题。如果您只想在ui模式上显示日期时间选择器，那么这应该可以正常工作。不过，这可能是一个不同的实现。

<a class="btn btn-default" type="button" ng-click="onShowDialog('$event)">
            Show Dialog</a>