Question

我有一个简单的表单字段，其中有可搜索的下拉框，后跟日期输入字段和datepicker（）。对于select2，我有以下脚本：

<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<link href="//cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.css" rel="stylesheet"/>
<script src="//cdnjs.cloudflare.com/ajax/libs/select2/3.5.2/select2.js"></script>
<script>
$(document).ready(function() { $("#e22").select2({
placeholder: "Select a Pet",
allowClear: true
}); });
</script>

对于datepicker，我有：

<script>
function datepickerinit()
{
$("#payment_date").datepicker();
$("#order_provided_date").datepicker();
$("#order_date").datepicker();                      
}
</script>

似乎如果我在下拉列表中有第一个带有jquery源的脚本，它可以工作但禁用日期选择器，反之亦然。我是相当新的，我相信我只是在错误的地方。头部位于包含header.php文件中，如果我将脚本放在那里，则下拉列表不起作用，因此脚本位于正文中。有没有办法让select2可搜索下拉框和日期选择器输入？

Answer 1

使用datepicker和select2引用jsFiddle代码。希望这会有所帮助。

HTML：

<p>Date:
    <input id="datepicker" type="text"/> 
    <input type="hidden" id="test" />
</p>

JS：

$(document).ready(function(){

$("#datepicker").datepicker();     
var test = $('#test');
$(test).select2({
    data:[
        {id:0,text:"enhancement"},
        {id:1,text:"bug"},
        {id:2,text:"duplicate"},
        {id:3,text:"invalid"},
        {id:4,text:"wontfix"}
    ],
    width: "300px"
});

});

select2下拉框与jQuery日期选择器不兼容？

1 个答案: