복붙노트

[HTML] 어떻게 브라우저가 지원하는 <입력 유형 = '날짜'>인지 알 수 있습니다

HTML

어떻게 브라우저가 지원하는 <입력 유형 = '날짜'>인지 알 수 있습니다

해결법


  1. 1.일부 입력 유형이 대부분의 브라우저에 의해 지원되는 경우에있어서의 노호 검사 :

    일부 입력 유형이 대부분의 브라우저에 의해 지원되는 경우에있어서의 노호 검사 :

    function checkInput(type) {
        var input = document.createElement("input");
        input.setAttribute("type", type);
        return input.type == type;
    }
    

    simonox이 코멘트에 언급 한 바와 같이하지만, 일부 브라우저 (안드로이드 주식 브라우저 등)가 (날짜와 같은) 일부 유형을 지원 척하지만, 그들은 날짜 입력을위한 사용자 인터페이스를 제공하지 않습니다. simonox 그래서 날짜 필드에 잘못된 값을 설정하는 트릭을 사용하여 구현을 개선. 브라우저 sanitises이 입력되면, 그것은 또한 날짜 선택기를 제공 할 수 있습니다!

    function checkDateInput() {
        var input = document.createElement('input');
        input.setAttribute('type','date');
    
        var notADateValue = 'not-a-date';
        input.setAttribute('value', notADateValue); 
    
        return (input.value !== notADateValue);
    }
    
  2. from https://stackoverflow.com/questions/10193294/how-can-i-tell-if-a-browser-supports-input-type-date by cc-by-sa and MIT license