|
sdavea
|
October 22, 2014 at 8:31 pm
It is much more efficient sometimes to enter dates in rather than use the datepicker. When the date field is at the bottom of the screen, the datepicker blocks the textbox. A (unideal) workaround is to position the textbox at the top of the screen, then the datepicker doesn’t block this textbox. Any ideas on how to fix this though? Thanks
|
|
Dean
|
October 23, 2014 at 3:55 am
Hi,
What would be your preferred resolution: disable the datepicker or change it’s location?
Either will likely require a code edit, but knowing which is preferred can help me figure out the best way to resolve it.
|
|
sdavea
|
October 23, 2014 at 4:45 am
I think it’s great to have the datepicker as an option, it’s just about 50px too low down so the textbox is not viewable / accessible sometimes. Thanks
|
|
Dean
|
October 23, 2014 at 5:37 am
Hi,
I’m wondering if this is related to your sites CSS, as I ran a couple of tests using default themes and the datepicker always appears above the field or below the field but never hides the field.
I then realised that you are possibly not talking about the front end registration form datepicker, but the one in the admin.
I see what you are referring to in that at certain times it hides the date field. I’ll raise a ticket to look into it but I cannot say when that will be actioned as it does not stop functionality of the plugin.
|
|
sdavea
|
October 25, 2014 at 3:12 am
Yes that’s correct – it’s in the admin section. Glad you could replicate. OK thanks – until a fix is made, it may be better for us to hide the datepicker completely as data entry is MUCH faster to enter without it.
|
|
sdavea
|
October 25, 2014 at 4:09 am
Actually I fixed it by changing the following:
tp_inst._defaults = $.extend({}, this._defaults, inlineSettings, o, {
beforeShow: function(input, dp_inst) {
if ($.isFunction(o.beforeShow)) {
return o.beforeShow(input, dp_inst, tp_inst);
}
},
to
tp_inst._defaults = $.extend({}, this._defaults, inlineSettings, o, {
beforeShow: function(input, dp_inst) {
var cnt = 0;
var interval = setInterval(function() {
cnt++;
if (dp_inst.dpDiv.is(":visible")) {
var parent = dp_inst.input.closest("div");
dp_inst.dpDiv.position({ my: "left top", at: "left bottom", of: parent });
clearInterval(interval);
} else if (cnt > 50) {
clearInterval(interval);
}
}, 10);
},
|
|
Dean
|
October 27, 2014 at 1:23 am
Thanks for the code, I’ve referenced it in the ticket.
|
|
Dean
|
November 5, 2014 at 6:11 am
Hi,
Just further to this, the code above actually changes a third party library. It might be worth doing a pull request directly https://events.codebasehq.com/redirect?https://github.com/trentrichardson/jQuery-Timepicker-Addon
|
