사용자가 날짜 범위를 선택하는 더 좋은 방법

가장 최근의 보고서 스냅 포인트를 선택하여 타임 라인 슬라이더를 고려해보십시오.

1860 년까지의 보고서가있는 경우 얼마나 자주 되돌아 가야합니까?

                   | Report XYZ, Jan 12, 1983 |       
<--- Earlier                   \/                         Later --->
|------------------------------||----------------------------------|
     ^      ^ ^  ^            ^    ^   ^    ^   ^ ^ ^ ^ ^

그와 같은 것이 시각적으로 그것을 선택할 수 있습니까? 목록 위에 거품이 있으면 그들이 가지고있는 것을 쉽게 볼 수 있어야합니다. 이전/나중에 버튼/탭이 연도 이동을 중지합니다. 슬라이더는 키보드에 액세스 할 수 있습니다.

달력 두 개를 사용하고 선택할 수없는 요일을 흐리게 처리합니다. 특정 유효 날짜 만 사용하여 사용자에게 캘린더 (한 번에 한 달 전체를 볼 수 있고, 시간을 앞뒤로 쉽게 건너 뛸 수 있으며 원하는 날짜를 선택할 수 있음)의 이점을 제공합니다. 사용자가 흐리게 표시된 날짜를 클릭하면 해당 날짜가 유효하지 않은 이유에 대한 피드백을 제공하거나 범례를 사용하십시오.

Hipmunk.com 이것을 단순화시키는 훌륭한 일을합니다. 그들은 항상 두 개의 달력을 볼 수 있으며 오늘 이전의 날짜는 회색으로 표시됩니다 (이 경우 이유를 지정할 필요가 없지만 이유를 지정할 필요는 없습니다). 날짜를 클릭하면 시작 날짜가 선택되고 다시 클릭하면 종료 날짜가 선택됩니다. 날짜 필드가 어떻게 배치되어 있는지 확인하고 원하는 경우 입력 할 수 있으며 클릭 할 때 필드가 강조 표시되어 선택하려는 날짜를 나타냅니다. 그것은 틀에 얽매이지 않고 아직 "생각하지 않습니다"는 아니지만 풍부한 위젯을 추가하지 않고도 이러한 컨트롤을 우아하게 결합 할 수있는 좋은 방법입니다. 확인 해봐:

Hipmunk이 여전히 IMO를 할 수있는 한 가지는 시각적 인 세부 사항으로 출발과 귀국 사이의 날짜를 강조하는 것입니다. 지금도 당신의 눈은 여전히 ​​두 날짜 사이의 공간을 "오,이 날짜부터 그 날짜까지의 각 행은 내가있는 곳에 있습니다"로 해석해야합니다.

(Bonus awesome : 반환 날짜 이후에 출발 날짜를 지정하십시오)

이것은 실제로 직장에서 사용하는 웹 기반 소프트웨어에서 가져온 것이지만 아이디어는 WinForms로 상당히 쉽게 번역 될 수 있습니다.

이 컨트롤을 사용하여 다양한 기간의 보고서를 항상 생성합니다. 텍스트 상자는 마스킹되지 않았으며 날짜로 변환 할 수있는 값을 용서하므로 문제없이 다른 날짜 범위를 자유롭게 텍스트로 보낼 수 있습니다. 필드를 벗어나면 날짜가 "적절한"날짜 형식으로 형식화됩니다. 날짜를 알 수 없으면 텍스트가 빨간색으로 바뀌고 옆에 약간의 오류 기호가 있습니다 (예 : 1109).

특정 작업을 수행해야하는 경우 텍스트 상자 오른쪽에있는 캘린더 버튼을 클릭하여 캘린더를 볼 수 있습니다 (예 : 2009 년 3 월 셋째 주에 보고서를 보려면 날짜를 알 필요가 없습니다) 내 머리 꼭대기에서).

날짜 범위를 채우는 데 거의 1 초가 걸리기 때문에이 스타일을 선호합니다. 단지 010109 tab 030109 tab 다음 세부 사항으로 넘어갑니다.

빈 컨트롤. 자유 텍스트 문자의 중간 날짜. 하단, 날짜 형식 및 달력 제어

세 번째 옵션은 해당 스타일을 사용하는 소프트웨어를 사용해야하며 특히 마우스를 사용해야하기 때문에 싫어합니다. 또한 표시된 날짜는 페이지를로드 할 때의 기본 날짜이므로 기본적으로 미래보다 크지 만 현재는 아닌 항목을 검색하고 싶습니다. HUGE 단점은 드롭 다운에 몇 년이 하드 코드되어 있다는 것입니다. 2010 년 2 월까지 추가 될 때까지 기다려야했습니다. 충적세.

특정 쿼리에 분기 별 결과 만 있음을 미리 알고 있다면 레이아웃을 일부 변경하고 다음과 같이 선택하고 연도를 선택할 수 있습니다.

그리고 아직 생성되지 않은 현재 연도의 분기를 비활성화 할 수 있습니다.

나는 모든 답을 읽지 못했습니다. 아마도 대부분의 사용자가 대부분의 시간을 필요로하는 컨트롤부터 시작하여 추가 컨트롤을 점진적으로 공개 할 것을 제안했을 것입니다. 예를 들어, 링크를 클릭하면 날짜와 월, 겹치지 않는 여러 날짜 범위 등의 컨트롤이 표시됩니다.

아니면 이거:

여기 내 해결책이 있습니다.

, 

bootstrap-daterangepicker jquery 플러그인에 사용 된 디자인을 좋아합니다.

기본적으로 기본 범위와 선택한 범위를 강조 표시하는 날짜 선택기가있는 기본--필드가 있습니다. 

스크롤 가능한 날짜 범위 필드 : 러시아어에 대한 의견이있는 .Png 이미지로 5 개의 상호 작용 단계!

일반 기간의 날짜 범위 + 사전 설정은 1/3/6/12 개월 http://1ne.twozerotwenty.com/pics/2011/10/show_me_the_date.png

필요한 경우-영어 및 데모 페이지에서 상호 작용 및 기능 영역에 대한 완전한 지시를 할 수 있습니다.

비슷한 문제를 해결하는 방법은 다음과 같습니다 ... 30 일/60 일/90 일을 변경하여 가장 일반적인 보고서 (연간/분기 별/월간)를 경고 할 수 있습니다. 날짜 범위 기능은 날짜 범위를 구체적으로 찾고 있지만 결과를 생성하기 위해 사용자가 날짜를 입력하도록 강요하지 않는 사용자를 위해 날짜 범위 기능이 포함 된 도구 설명을 엽니 다. 

Google 캘린더 앱 (MIUI)에서 구현되는 방식이 마음에 듭니다. 날짜-시간 선택을위한 2 개의 스피너가 있습니다. 그 모양입니다 :

첫 번째 피커에서 날짜-시간을 설정하면 두 번째 피커는 +1 시간으로 자동 설정됩니다.

jquery UI 날짜 범위 선택기를 사용하는 방법은 무엇입니까?

http://www.filamentgroup.com/lab/date_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework/

일부 기본값을 미리 채울 수 있으며 설정하여 월별 <> 화살표 대신 연도 및 월을 드롭 다운 할 수 있습니다.

일반적인 캘린더 선택 도구를 표시 할 수 있지만 사용자가 제목 표시 줄에서 월을 선택한 경우 자동으로 시작 및 종료 날짜가 월의 시작 및 종료 날짜로 채워집니다. 올해도 마찬가지입니다.

사용자가 약간 다른 범위를 원하면 종료 날짜를 무시할 수 있습니다.

그래도 분기를 어떻게 보여줄지 모르겠습니다.

두 가지 생각 :

• 다양한 보고서 유형에 대해 다른 날짜 선택기를 제시 할 수 있습니까 (예 : 일부는 연간이라고 말한 경우에는 연도 이상 필요하지 않은 간단한 텍스트 필드 일 수 있습니다).

• 시작/종료 날짜는 사용자가보고에 대해 생각하는 방식입니까? 여러 프로젝트에서 나는 보고서가 두 날짜가 아닌 날짜와 기간으로 생각하기를 원하는 사람들을 위해 일했습니다. 따라서 분기 별보고를 위해 그들은 1980 년 3 분기에 4 년을 시작하기를 원할 것입니다.