Try this code,
jQuery.noConflict();
(function ($) {
// write your datepicker code here
})(jQuery);
Try this code,
jQuery.noConflict();
(function ($) {
// write your datepicker code here
})(jQuery);
The main problem is with the z-index of the .modal
Use this,
.ui-autocomplete {
z-index: 1051 !important;
}
(or)
.pac-container {
background-color: #FFF;
z-index: 20;
position: fixed;
display: inline-block;
float: left;
}
.modal{
z-index: 20;
}
.modal-backdrop{
z-index: 10;
}
visit this link,
See the below link for samples,
With Page Numbers:
$(document).ready( function() {
$(‘#example’).dataTable( {
“sPaginationType”: “full_numbers”
} );
} )
Without Page Numbers:
$(document).ready( function() {
$(‘#example’).dataTable( {
“sPaginationType”: “two_button” // default type
} );
} )