Question

我遇到了一个问题，我感觉好像我已经正确设置了一切;但是，无论如何，JQuery UI Datepicker将不显示。

我在标题中设置了以下内容（Angular项目，无论路径如何都始终加载标题）：

<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>

以及

<script type="text/javascript">
    $(function() {
        var nativeDateInputIsSupported = Modernizr.inputtypes.date;
        if (!nativeDateInputIsSupported) {
            $("input[type='date']").datepicker();            
        }
    });
</script>

然而，当我在Firefox中并点击以下内容时，没有任何反应

<tr ng-repeat="revenue in runway.revenues">
<!-- Other table elements go here -->
<td> 
   <input type="date" id="date" max="{{maxDate}}" class="form-control" ng-model="revenue.date" placeholder="YYYY-MM-DD" required/> </td>
<td>

它也没有显示在这里

<input type="date" class="form-control" ng-model="user.startofbusiness" name="startofbusiness" id="startofbusiness" required>

我已经检查了很多不同的StackOverflow线程，但即使我遵循他们提出的方法，我也无法让它合作。

任何提示将不胜感激！

Answer 1

事实证明，这是正确实施的，并且实际上正在运作。问题在于使用ng-repeat动态生成表的信息。我正在通过编写一个自定义指令来处理这个问题，以处理datepicker。

JQuery UI Datepicker无法正常运行

1 个答案: