Below is my html CSS for calender in textbox, it worked fine but when i used dropdownlist CSS then calender does not get appeared
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js" type="text/javascript"></script>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="Stylesheet" type="text/css" />
<script type="text/javascript">
$(function () {
$("[id$=txtstartDate]").datepicker({
showOn: 'button',
buttonImageOnly: true,
buttonImage: '/Images/calender.png',
dateFormat: "dd/mm/yy"
});
});
</script>
Below is dropdownlist CSS
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" />
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>
<script type="text/javascript">
$(function () {
$(".js-example-placeholder-single").select2({
placeholder: "Select",
allowClear: true
});
});
</script>
<asp:DropDownList ID="ddlvno" Height="46px" Width="150px" CssClass="form-control js-example-placeholder-single"
runat="server">
</asp:DropDownList>
