CSS issue in JQuery date picker -
i using below script date picker in jquery:
$('#dob').datepicker({ mindate: new date(1900,1-1,1), maxdate: '-18y', dateformat: 'dd-m-yy', changemonth: true, changeyear: true, yearrange: '-100:-18' });
but date picker goes under table , header portion showing rest portion hide table.
i have tried below css putted in style.css not solved.
.ui-datepicker{ z-index: 9999 !important;}
how solve issue? please help
use z-index
while calling function this
$('#dob').datepicker({ mindate: new date(1900,1-1,1), maxdate: '-18y', dateformat: 'dd-m-yy', changemonth: true, changeyear: true, yearrange: '-100:-18', //comment beforeshow handler if want see ugly overlay beforeshow: function() { settimeout(function(){ $('.ui-datepicker-div').css({'position': 'relative', 'z-index': 99999999999999}); }, 0); } });
Comments
Post a Comment