jQuery DatePicker com vários meses Side-by-Side layout Issue

StackOverflow https://stackoverflow.com/questions/1430938

  •  07-07-2019
  •  | 
  •  

Pergunta

Estamos tentando obter dois meses mostrando lado a lado em um controle padrão jQuery DatePicker usando jQuery UI 1.7.2 e jQuery 1.3.2.

Infelizmente, os calendários só pilha vertical, e como um efeito colateral são duas vezes mais wied como deveriam ser (feio!)

Aqui está o código que estamos usando para chamá-lo: 

$('#element').datepicker({numberOfMonths:2,dateFormat: 'dd-mm-yy',minDate: new Date()});

Estamos a utilizar a folha de estilo jQuery padrão e não há outros folhas de estilo estão a afectar o controlo (de acordo com o Firebug).

Aparentemente, esta era supostamente uma questão de CSS que foi fixado no projeto jQuery DatePicker ( http: // dev .jqueryui.com / ingressos / 2898 ), no entanto, ainda está recebendo este problema no FF e IE.

Quaisquer pensamentos sobre uma correção? Obrigada: D

Foi útil?

Solução 2

Esta foi a melhor solução para o problema ... http://www.filamentgroup.com/examples/daterangepicker_v2/index3.php

Depois de algum hacker eu era capaz de remover o menu desagradável e é só pegar a exibição selecionador de data.

Outras dicas

Isso ainda pode ser um problema no Firefox e versão 4.0.4 do Data Picker. Dê uma olhada no código fonte javascript (jquery.datepick.js) em torno da linha 1809. A seção de código fica assim: 

    // Resize
    $('body').append(picker);
    var width = 0;
    picker.find(renderer.monthSelector).each(function() {
        width += $(this).outerWidth();
    });

e alterar a largura de: 

var width = 0;

para 

var width = 0.5;

Para mim, que fixa FireFox (v3.6.x) colocar para fora side-by-side e Chrome, IE, Safari etc ainda está ótimo.

Licenciado em: CC-BY-SA com atribuição
Não afiliado a StackOverflow
scroll top