2009-09-16 2 views
1

jQuery UI 1.7.2 및 jQuery 1.3.2를 사용하여 표준 jQuery DatePicker 컨트롤에 2 개월 간 나란히 표시하려고합니다.여러 달 나란히 배치 된 jQuery DatePicker 문제

불행하게도, 달력은 수직으로 쌓아 것, 그리고 그들이해야로서 wied 같은 부작용으로 두 번 여기에

는 우리가 전화를 사용하는 코드 (추한!) :

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

표준 jQuery 스타일 시트를 사용하고 있으며 다른 스타일 시트가 컨트롤에 영향을 미치지 않습니다 (방화 광명에 따른).

겉으로보기에 이것은 jQuery DatePicker 프로젝트 (http://dev.jqueryui.com/ticket/2898)에서 수정 된 CSS 문제 였지만 아직 FF 및 IE에서이 문제가 발생하고 있습니다.

수정 사항에 대한 의견이 있으십니까? 주셔서 감사합니다 : D

+0

온라인 상태 일 수 있다면 방화범이 끌리는 또는 유사한 것으로 조사하고 원본을 찾을 수 있습니다. –

+0

필라멘트 그룹의 jquery 날짜 플러그인 래퍼로 이동하여이 문제를 해결했습니다. 여기 링크 http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/ – pchap10k

답변

0

이 문제에 대한 최선의 해결책이었다 ... http://www.filamentgroup.com/examples/daterangepicker_v2/index3.php

일부가 나는 불쾌한 메뉴를 제거하고 단지 날짜 선택 보여주는를 얻을 수있었습니다 해킹 후.

+0

이 링크가 무너지면 답이 쓸모 없게됩니다. ** 답변 ** 내에 관련 코드 **를 포함 시키십시오. –

1

이 문제는 FireFox 및 날짜 선택기 버전 4.0.4에서 여전히 문제가 될 수 있습니다.

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

과에서 너비를 변경 : 라인 1809 주위의 자바 스크립트 소스 코드를 살펴 (jquery.datepick.js)가 코드 섹션은 다음과 같습니다

var width = 0; 

var width = 0.5; 

나를 위해, 그 고정 파이어 폭스 (v3.6.x) 나란히 누워 및 크롬, IE, 사파리 등 여전히 좋아 보인다.

+0

어떻게 얻었습니까? –