search

vitalets / x-editable

In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
http://vitalets.github.io/x-editable
MIT License
6.51k stars 1.72k forks source link

Date Picker in "inline" mode not showing up at all?! #795

Open crazyserb opened 9 years ago

crazyserb commented 9 years ago

How do I get the date picker to show up in inline mode?

Here is what I have for my date field:

    $('.time').editable({
        type: 'datetime',
        url: 'post.php',
        format : 'yyyy-mm-dd hh:ii',
        viewformat : 'yyyy-mm-dd hh:ii',
        inputclass : "datepick",
        emptytext: '...',
        datetimepicker : {
            weekStart : 1
        },
    });

It works just fine in popup mode, but once I switch it to inline mode it turns into a simple text field.

crazyserb commented 9 years ago

And if I add mode: "popup" as a parameter above, I get the popup to show just fine... but now if I have a long table (vertically or horizontally), the further down (or right) the table I go, the worse it gets - this date/datetime picker popover pops up only at a specific position on the page (top left).

So if I have 50 records and I click on one of the bottoms ones to open up a date picker, I have to scroll all the way up to the top of the table as that's where the popover is.

And it's even worse if I go far right in a table on a smaller screen - then I have to scroll far left to view that opened popover.

Sooooo annoying!

I can't be the only one experiencing this...

murbanowicz commented 8 years ago

How you made it work with popup? I am trying to get datetimepicker for popup mode, but in cosole I get: Uncaught TypeError: Cannot read property 'parseFormat' of undefineda.extend.initPicker @ bootstrap-editable.min.js:7b @ bootstrap-editable.min.js:7a.fn.editableutils.createInput @ bootstrap-editable.min.js:5b.init @ bootstrap-editable.min.js:5b @ bootstrap-editable.min.js:5(anonymous function) @ bootstrap-editable.min.js:5n.extend.each @ jquery.js:374n.fn.n.each @ jquery.js:139a.fn.editable @ bootstrap-editable.min.js:5(anonymous function) @ panel:941j @ jquery.js:3099k.fireWith @ jquery.js:3211n.extend.ready @ jquery.js:3417I @ jquery.js:3433