FirefoxとIEでIE5以上のHtml5入力タイプが動作しない

Question

私はhtml5入力タイプの日付、電子メール、および他のいくつかのタグに苦しんでいます。 FirefoxとIEではIE11までは動作しません。両方のブラウザとすべての最新バージョンで動作状態のタグを使用する方法はありますか？ Html5またはその亀裂を使用することによって。私はJSライブラリを使用したくない。

Answer 1

webshimsを試すことができます。これはcdn +で利用でき、必要に応じてpolyfillのみを読み込みます。

デモバージョンCDN：http://jsfiddle.net/trixta/BMEc9/

<!-- cdn for modernizr, if you haven't included it already --> 
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/extras/modernizr-custom.js"></script> 
<!-- polyfiller file to detect and load polyfills --> 
<script src="http://cdn.jsdelivr.net/webshim/1.12.4/polyfiller.js"></script> 
<script> 
    webshims.setOptions('waitReady', false); 
    webshims.setOptions('forms-ext', {types: 'date'}); 
    webshims.polyfill('forms forms-ext'); 
</script> 

<input type="date" /> 

Answer 2

すべてのHTML5の入力タイプは、すべてのブラウザでサポートされるわけではありません。

http://caniuse.com/#search=date

http://caniuse.com/#search=telephone

あなたはjqueryの（または他のライブラリ）日付（時間）を使用する代替手段を使用することができピッカー：例えば、電子メール、電話、URLのタイプは、日付と時刻型よりも多くの支持を持っていますhtml5機能と同様の動作を提供します。

if ($('[type="date"]').prop('type') != 'date') { 
    $('[type="date"]').datepicker(); 
} 

あなたは、カスタムHTML5代替プラグインを作成し、まだ新しい標準をサポートしていないブラウザでは、これらのフィールドに割り当てることができます。たとえば、以下のjQueryの日付ピッカーの例があります。