기간을 hh : mm : ss 형식으로 입력 할 수있는 동적 양식을 만들려고합니다.AngularJS - 양식 필드 결합하기
그 값을 초로 저장하고 싶습니다.
듀레이션 스타일 시간 (날짜 만 가능)을 허용하는 각도 입력 유형이 표시되지 않으므로 고정 날짜를 사용하고 그 날짜로부터 초 단위로 시간을 추출하거나 3을 사용하여 왼쪽으로 표시됩니다. 별도의 숫자 필드 (hh, mm, ss)와 변환 된 초를 포함하는 숨겨진 필드가 있습니다.
이 두 번째 방법을 구현하는 쉬운 방법이 있습니까? 어쨌든이 임시 값을 저장하는 두 번째 범위를 만들거나 양식을 제출할 때 범위에서 정리하지 않아도됩니다.
사용자 정의 필드에 대한 유효성 검사기와 필터를 만들어야합니다. 이를 위해 하나의 입력 만 가질 수 있습니다. 유효성 검사기는 값이 {0-24} : {0-60} : {0-60}과 같은 형식으로 입력되었는지 확인하고 초를 모델에 저장합니다. 그리고 필터는 원하는 형식으로 초를 변환합니다. 당신이 추가 할 수있는 것은 형식을위한 자리 표시 자, 또는 형식 작성자로서 사용자가 입력을 작성하는 데 도움이되는 것입니다 (자동으로 추가 :). 다른 계산이나 변수가 필요하면 격리 된 범위를 사용하는 것이 더 좋지만이 예에서는 필요하지 않습니다.
다른 답변과 마찬가지로 ng-pattern 지시문을 {0-24} : {0-60} : {0-60} 정규 표현식으로 사용할 수 있습니다.
그런 다음 해당 필드에서 필터를 사용하거나 변경시 세 값을 선택할 수있는 사용자 지정 방법을 사용하십시오.