Editor datetime field works for inline editing but inside modal

Editor datetime field works for inline editing but inside modal

daveitalydaveitaly Posts: 3Questions: 2Answers: 0

If I use the 'date' field type in dataTable.Editor, the HTML5 date picker is displayed in both the inline editor and the editor modal, but when I use the 'datetime' field type, a date picker appears only for the inline editor and not the editor modal.

http://debug.datatables.net/onemox

This question has an accepted answers - jump to answer

Answers

  • allanallan Posts: 64,126Questions: 1Answers: 10,579 Site admin
    Answer ✓

    Hi,

    It appears to work okay in this example. Could you give me a link to a page showing the issue? My guess is that its a z-index issue and the picker is shown, but its behind the modal.

    Allan

  • daveitalydaveitaly Posts: 3Questions: 2Answers: 0

    Thanks! Setting the z-index above the bootstrap dialog resolved the problem.

    div.editor-datetime {
        z-index: 10052;
    }
    
  • allanallan Posts: 64,126Questions: 1Answers: 10,579 Site admin

    Out of interest, what styling framework are you using? I'm just wondering if that is something I need to put into the Editor style files? Or have you got a z-index setting somewhere in your CSS that was causing this?

    Thanks,
    Allan

This discussion has been closed.