jQuery- date type

input tag with DATE type in all browser type

by I Sang Hyeon

HTML

testDt1 :<input type="date" class="inpDt" id="testDt1"/>
testDt2 :<input type="date" class="inpDt" id="testDt2"/>
<!--testDt3 :<input type="date" class="inpDt" id="testDt3"/>-->
testDt3 :<input type="button" class="inpDt" value="button"/>
<div>
<h3>
.type
</h3>
<p>testDt1: <span id="span1"></span></p>
<p>testDt2: <span id="span2"></span></p>
<p>testDt3: <span id="span3"></span></p>
</div>
<div>
<h3>
browser
</h3>
<p>
is browser type IE : <span id="span4"></span>
</p>
</div>

JavaScript

/** input tag with date type **/
var isIeOrFF = false;
if(navigator.userAgent.toLowerCase().indexOf('rv') > 0 || navigator.userAgent.toLowerCase().indexOf('msie') > 0) isIeOrFF = true;

$('#span1').text($('.inpDt')[0].type);
$('#span2').text($('.inpDt')[1].type);
$('#span3').text($('.inpDt')[2].type);
$('#span4').text(isIeOrFF);

if($('#testDt1').type = 'text' && isIeOrFF) $('#testDt1').datepicker();