사용자로부터 시간을 캡처하기위한 좋은 웹 기반 UI입니다. 시간 간격을 분 단위로 캡처하려고합니다. 그러나 사용자가 시간 및 \ 또는 분 단위로 입력 할 수 있도록 제시하고 싶습니다.시간대 또는 기간을 캡처하기위한 UI
시간당 2 개의 텍스트 상자를 사용 하시겠습니까? 또는 하나의 입력란에 "1 시간 31 분"또는 "91 분"을 입력 하시겠습니까?
또는 더 좋은 점이 있습니까?
감사합니다. 나는 마침내 일을 결국 무엇
는
사용자가 편집 할 수 있습니다 초점 거리 텍스트 상자에서 이동할 때, 그것은 시간을 다시 계산 "xxhrs의 yymin"형식으로 지속 시간을 표시하는 하나의 텍스트 상자를 가지고 있었다 텍스트를 정식 형식으로 다시 형식화합니다.
입력 된 텍스트를 해석하는 파서는 상당히 진보적입니다.
시간, 분 및 일을 나타내는 'h'또는 'm'또는 'd'가 오는 숫자와 일치하는 정규식 세트입니다. 숫자 앞에 '숫자'가없는 '단위'를 찾지 못하면 순수한 숫자를 분으로 입력 한 것으로 간주하고 그대로 해석합니다.
그래서 사용자 유형의 경우 :
"1.5 시간"은,이 텍스트 상자를 떠날 때 "1 시간 30 분"에 포맷됩니다.
"90 분"또한 "1 시간 30 분"
파서는 당신이 ", 1 일 7 시간 19분"를 입력 할 수 있습니다 의미 숫자 다음의 첫 번째 문자에서 보이는 그것으로 포맷됩니다 올바르게 인식 할 것입니다.
물론 "2 홀 19 마리"는 "2 시간 19 분"으로 인식됩니다.
나는 그걸로 살 수 있다고 생각합니다.
미리 정의 된 시간 형식으로 만 숫자를 입력하게하십시오.
hr 또는 min없이 시간과 분에 대해 2 개의 텍스트 상자를 배치하십시오.
또한 24 시간 시스템인지 12 시간인지를 정의해야합니다.
시간과 분으로 레이블 된 두 개의 텍스트 상자가있는 경우 사용자가 둘 다 입력하는 경우를 처리해야합니다.
3 into h and 35 into m => pretty clear. 3 hours 35 mins
nothing into h and 95 into m => 1 hour 35 mins (probably update the display to show that)
하지만
2 into h and then 95 into m => does that mean 3 h 35 or 1 hour 35
따라서 우리는 3h 또는 1h 35m 또는 95m을 입력 할 수있는 단일 상자로 가서 해석에 대한 별도의 읽기 전용 디스플레이가 있습니다.
캘린더 위젯이 날짜 입력을 허용하는 것과 같은 방식으로 마우스 위주 항목을 허용하는 좋은 위젯이있을 수 있습니다. 드래그 가능한 손을 가진 작은 시계?
글쎄, 별도의 시간과 분 필드는 가장 안전하지만 단일 필드보다 느립니다. 1 시간 동안 많은 지속 시간을 예상하지 않으면 시간을 0으로 기본값으로 설정할 수 있습니다.
어쩌면 그것은 당신의 인구에 의존하지만 사용자가 사용하면 다음과 같은 프롬프트, 제공하는 경우 동일한 텍스트 상자에 시간과 분을 처리 할 수있을 것으로 기대 "시간 지속 시간 (시간 : 분) :"
을 이 프롬프트에서 다음과 같은 모든 입력이 동등한 것으로 처리되도록 깨지지 않은 초기 숫자 문자열을 시간과 분 단위의 연속 된 숫자 문자열로 분으로 받아들입니다.
2시 반
2시 반
2시 30분 5초
2.30 (또는 아마 : 동안 키패드 입력을위한 좋은,하지만 당신은 할 수 있습니다 사용자가 소수 시간을 입력 할 수 있도록 소수점에 대한 예외를 만듭니다 (예 : 2.75, 2 시간 45 분).)
2~30
2 시간 30 분
2시간 30 분
2jaQp 30 !!!!
초점을
나는 사용자는 또한 시간을 표현할 수 있어야 분 60 미만해야 할 이유가 없다 사용자가 입력 한 내용을 지정된 시간 (분 : 분) 형식으로 자동 수정하여 사용자가 작성한 해석을 피드백하십시오.
대략적인 시간 만 필요하면 (또는 사용자가 어쨌든 추정하는 경우) 옵션 버튼 또는 기간 범위가있는 드롭 다운 목록을 고려하십시오 (예 : 0-5 분, 5-15 분, 15 분 ~ 1 시간, 1 시간 이상). 또는 기간에 제한이 있고 간격이 기능적으로 선형 인 경우 레이블이 지정된 슬라이더를 사용할 수 있습니다.
사용하는 입력 형식이나 컨트롤은 정보 소스와 호환되어야합니다. 사용자는이 기간을 어디에서 얻을 수 있습니까? 거기에 어떤 단위, 형식, 간격 및 정밀도가 사용됩니까? 사용자는 자신의 시간에 대해 어떻게 생각하고 이야기합니까?
귀하의 예 : 150 시간은 150 시간으로 해석되므로 나머지 답변에는 작동하지 않습니다. 어쨌든, 나는이 자유가 사용자에게 좋지 않다고 생각한다. 예상하지 못했을 것이고, 일반적으로 그것을 어떻게 사용하는지 모른다. –
"초기 문자열"은 " 숫자 : 150은 숫자의 초기 문자열이 없으므로 시간은 0이고 분은 150입니다. 예상치 못한 자유가 얼마나 문제가되는지 알 수 없습니다. 대부분의 사용자는 그것을 발견하지 못합니다 (그들은 "2 30"을 입력하는 것을 결코 생각하지 않을 것입니다). 그러나 유용하다고 생각할 수도 있습니다 (많은 키보드에서 콜론을 입력하는 것은 비교적 어색합니다). 예기치 않은 _ 제한 - 문제가 생겼습니다. –
저는 누군가가 제안한대로 60 분을 초과하는 분에 대해서는 클라이언트 측 수정이 없어야한다고 생각합니다. 그것은 혼란스럽고 불필요한 문제를 일으킬뿐입니다.
사용자가 데이터를 입력 했으므로 사용자가 입력 한 내용을 이해하고 그에 대해 수정할 필요가 없습니다.
이 입력란은 사용자가 채우도록 둡니다. 서버 측에서는 총 분을 다음과 같이 계산합니다.
$total_minutes = 60 * $_POST['hours'] + $_POST['minutes'];
나는 이것에 대해 생각하고 있었고 이런 종류의 일에 익숙한 UI는 전자 레인지라고 깨달았습니다. 아이폰과 같은 용도의 경우 키패드가 자주 보는 롤링 스크롤러보다 낫습니다.
제 경우에는 "숫자"와 "단위"(년, 월, 주, 일, 시간)의 선택란에 텍스트 필드를 사용할 것입니다.
어떤 종류의 범위에 따라 슬라이더 (jqueryui, html5)도 옵션이 될 수 있습니다.
음, 그 기간. 24 시간짜리 \ 12 시간짜리 개념이 없습니까? 그들은 이론적으로 "32 시간 30 분"을 입력 할 수 있습니다. –
Ok. 60 분 넘게 분을 입력하면 어떻게됩니까? – rahul