Bootstrap Datepicker error with CSS (Not loading??) -
i'm working on project using bootstrap datepicker i'm having problems. date picker showing behind modal. , based on looking @ css isn't loading (i tried set z-index 100000 , can tell styling not applying. here code. there obvious i'm missing? attached picture below well.
the textbox code (written in jade)
input#pickupdate.form-control.datepicker(type='text', required='true', placeholder='return date')
and in css i'm identifying .datepicker should work right?? i.e -
.datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: relative; direction: ltr; z-index: 1000000; }
furthermore within html i'm running script
script(type='text/javascript') $(document).ready(function() { $('.datepicker').datepicker(); })
i know css file being loaded , bootstrap datepicker files being loaded based on error console.
link how working: http://postimg.org/image/rofg2ft35/ (notice dates above modal not proper formating acording how should work image)
how should work: http://postimg.org/image/i7zjxjyc9/
sorry if easy question, learning web development , have been stuck on over day. thanks!
edit: added fix kiee suggested
try adding: position:relative
.datepicker
z-index has no effect on static elements.
Comments
Post a Comment