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

Question

我有一个简单的表单字段，其中有可搜索的下拉框，后跟一个带有日期选择器（）的日期输入字段。 对于 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>    

对于日期选择器，我有：

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

似乎如果我在下拉列表中有第一个带有jquery源的脚本，它可以工作，但禁用日期选择器，反之亦然。 我在这方面相当陌生，我确信我只是在错误的地方有一些东西。头部位于包含标头.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"
});
});