select2下拉框與jQuery日期選擇器不兼容？

我有一個簡單的表單字段，我有可搜索的下拉框，後面跟着帶datepicker（）的日期輸入字段。對於選擇2，我有以下腳本：select2下拉框與jQuery日期選擇器不兼容？

<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>

對於日期選擇器，我有：

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

看來，如果我有在下拉jQuery代碼的第一個腳本下它的工作原理，但禁用日期選擇器，反之亦然。我對此非常陌生，我相信我只是在錯誤的地方找到了一些東西。頭部位於包含header.php文件中，如果我將腳本放在那裏，則下拉不起作用，因此腳本位於主體中。有沒有辦法讓select2可搜索下拉框和日期選擇器輸入？

來源

2014-12-07 DocSam

試試這個：'$（文件）。就緒（ \t函數（）{$（「＃E22」）選擇2（{ 。 \t佔位符：「選擇一個寵物」， \t allowClear：真 \t}）; \t $（「＃PAYMENT_DATE」）。日期選擇器（）; \t $（「＃order_provided_date」）。datepicker（）; \t $（「＃order_date」）。datepicker（）; }）;' – scraaappy 2014-12-07 15:43:01

感謝您的幫助;我把第一個腳本引用到jquery頭部，現在它可以工作。我認爲我必須有一箇舊的jquery文件，它必須是不兼容的。 – DocSam 2014-12-08 01:36:52

引用jsFiddle代碼與datepicker和select2。希望這可以幫助。

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" 
}); 

});

來源

2014-12-07 17:41:30 Dave

select2下拉框與jQuery日期選擇器不兼容？

回答

相關問題