Question

我对此日期选择器http://jqueryui.com/demos/datepicker/

有疑问

<script>
    $(function() {
        $( "#datepicker1" ).datepicker({ dateFormat: 'yy-mm-dd' });
    });
</script>
<script>
    $(function() {
        $( "#datepicker2" ).datepicker({ dateFormat: 'yy-mm-dd' });
    });
</script>

<div id="checkinWrapper" class="input-wrapper">
    <input type="text" id="datepicker1" style="width:118px;" class="checkin search-option hasDatepicker" name="checkin" placeholder="Поаѓаме на">
    <span></span>
</div>
<div id="checkoutWrapper" class="input-wrapper">
    <input type="text" id="datepicker2" style="width:118px; margin-left:2px;" class="checkout search-option hasDatepicker" name="checkout" placeholder="Се враќаме">
    <span></span>
</div>

当我在空白页面上测试时，它可以正常工作但是当我在我当前的设计中实现它时它不起作用（不显示）。我不知道是什么原因引起的。以下是我包含的脚本：

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

也许问题出现因为我在当前的设计中实现了其他jQuery脚本？有解决方案吗

Answer 1

如果从两个输入标记中删除hasDatepicker类，它将起作用。

datepicker插件本身添加了这个类，因为该类已经存在，没有创建datepicker ...

有关正常工作（非样式）的示例，请参阅http://jsfiddle.net/UYGXh/

简单的ui datepicker不起作用

1 个答案: