jquery UI 日期选择器未显示在 html 输入文本中

Question

上面的输入文本或标签在点击其中任何一个时似乎没有显示 jQuery UI 日期选择器。我尝试了在 SO 和网上找到的不同解决方案组合。不确定 none 为什么有效。

Html代码：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>    
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>  

<label class="tmDtpicker">
    <input id="dtinput" class="hasDatepicker" type="text" name="Start" placeholder='10/05/2014' data-constraints="@NotEmpty @Required @Date" />
</label>

CSS代码：

.tmDtpicker #dtinput {
    position: relative;
    cursor: pointer;
    width: 130px;
    margin-bottom: -2px;
}

.tmDtpicker:after {
    content:'\f073';
    position: absolute;
    z-index: 4;
    cursor: text;
}

js代码：

</body>
   //other scripts

<script>
    $(document).ready(            
          function () {
              $("#dtinput").datepicker({ showWeek: true, firstDay :1,                  
                  showOtherMonths: true,
                  selectOtherMonths: true,
                  minDate: '0d', dateFormat: "dd-mm-yy"
              });
          }
        );
    </script>

Answer 1

您已包含 2 个 jquery-ui。

...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>    
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
...

删除第一个。

...
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
...

附带说明，始终先包含 jQuery，然后再包含其他库，例如 jqueryUI

更新

从 input 中删除 class="hasDatepicker"。

jquery UI 日期选择器未显示在 html 输入文本中

jquery UI datepicker is not showing up on html input text

html

javascript

css

jquery

jquery-ui-datepicker