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

我有一个简单的表单字段，其中有可搜索的下拉框，后面是带有日期选择器的日期输入字段。对于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源代码的脚本，它会工作，但会禁用日期选择器，反之亦然。我在这方面是相当新的，我肯定我只是在错误的地方有一些东西。头部位于include header.php文件中，如果我将脚本放在其中，则下拉菜单不起作用，因此脚本位于主体中。有没有办法让select2可搜索下拉框和日期选择器输入？

参考日期选择器和select2的代码。希望这有帮助

HTML:

---

试试这个：$document.ready函数{$e22.select2{占位符：选择宠物，allowClear:true}；$payment\u date.datepicker；$order\u provided\u date.datepicker；$order\u date.datepicker；}；谢谢你的帮助；我将jquery的第一个脚本引用放在head部分，现在它可以工作了。我想我一定有一个旧的jquery文件，它一定是不兼容的。

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

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

});