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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -