Bootstrap datepicker control in

cranworth

I am trying to use a Bootstrap Datepicker control for one of the datatable's fields. I have followed this example:
http://editor.datatables.net/plug-ins/field-type/editor.bootstrapDate

In my Datatable editor initialization, I have:

editor = new $.fn.dataTable.Editor( {
      fields: [ { 
              "name": "created", 
              "label": "Created", 
              "type": "date", 
              "opts": {
                format: 'yyyy-mm-dd'
              }

          }  /* and other fields omitted */ 
              ] 
  }); 

However, the Datepicker control displays behind (i.e. z-index) the 'New' and 'Edit' modal dialogs. Any ideas why this could be happening, is it a CSS issue?

tangerine

It's likely to be CSS. I had a similar problem with a datepicker div (not Bootstrap) and solved it like so:

z-index: 99999999!important;

cranworth

It did fix the issue!

For anyone with the same issue: I was using Bootstrap 3, and I went and changed z-index as described above within the datepicker.dropdown-menu CSS class in both datepicker.css and datepicker3.css

vedran.blazevic

Hello

I have a similar issue described in detail in this thread:

https://datatables.net/forums/discussion/24851

However i am using a normal jQuery-UI datepicker and CSS does not seem to be the issue.
Any help would be appreciated.
Thanks in advance.

Vedran