Проблема мерцания даты в пользовательском интерфейсе jQuery - PullRequest
Новая
       6

Проблема мерцания даты в пользовательском интерфейсе jQuery

0 голосов
/ 07 декабря 2018

Я использую jquery ui datepicker. Я установил его положение в методе beforeShow. Проблема заключается в том, что когда datepicker фиксируется с правильным значением: 0px, при нажатии на поле он производит мерцающий эффект слевасбоку. Так что календарь виден слева при нажатии, а затем он получает правильную позицию. Это происходит только при первом щелчке после загрузки.JS код 

$('.schedule-a-tour #sat-moveindate').datepicker({
    minDate: 0,
    dateFormat: 'dd/mm/yy',
    onSelect: function () {
          $('.date-field #ui-datepicker-div').css({ 'position': 'absolute', 'right': '0px', 'top': '42px', 'z-index': '999' });
        $(this).data('datepicker').inline = true;
        if ($('#sat-moveindate-error').hasClass('error')) {
            $('#sat-moveindate-error').hide();
        }
        var dateSelection = $(".schedule-a-tour #sat-moveindate").datepicker("getDate");
        if (dateSelection !== null) {
            $('.input-date').find('.date-field').addClass('focused');
            $('.ui-datepicker').css('display', 'none');
        }
    },
    beforeShow : function(input,inst){
        if(arabicSite){
        window.setTimeout(function () {
           $('.date-field #ui-datepicker-div').css({ 'position': 'absolute', 'right': '0px', 'top': '42px', 'z-index': '999' });
            }, 1);
        }else {
              window.setTimeout(function () {
           $('.date-field #ui-datepicker-div').css({ 'position': 'absolute', 'left': '0px', 'top': '42px', 'z-index': '999' });
            }, 1);
        }
    }





});

Пожалуйста, помогите.

...