All geek questions in one place

JQuery user interface: DatePicker animation registration point

By default, the jQuery UI DatePicker widget is animated at the bottom left of the input field to which it is assigned, so if the input field is shorter than the width of the calendar, it freezes to the right.

My problem is that my input box is completely on the right side of the page, so when Datepicker shows it, it hangs on the border of my page. Is there a way to change the registration point of the animation in the lower right corner of the input field? I would like to keep the same “gradual reduction” effect that comes by default.

How can I do it? I am assuming something with a property showAnim, but I could not figure it out ...

+3
source share
3 answers

This seems like a limitation on how it is built. I would suggest two solutions:

  • The first solution would be to make your own javascript override to override the datepicker after loading, and then bind it to a special CSS class for the text fields that appear in this situation. Overriding js / jquery shouldn't be too complicated, and without having to hack into the main jquery ui library, you don't hurt anything.

  • Specify a constraint for the jQuery UI dev command in the jQuery user code group of Google .

+1
source

dialog method datepicker x- . , !:)

+1

In version 1.8 for jQuery, the user interface includes a plugin called Position , which may be compatible with datePicker.

jQuery UI 1.8 is scheduled to be released .. right now it seems like a message written in February 16th states :

We hope to release jQuery UI 1.8 final in a couple of days, assuming that there are any locking issues in this release candidate.

0
source

Source: https://habr.com/ru/post/1722698/

More articles:


All Articles