每日一剂：怎么间接调用input type="file"和type="date"

在手机端上，经常会使用到<input type=file accept="image/*" />这个调用手机上的系统相册和拍照摄像头。但是这个样式很难看，怎么自定义div或者button来调用这个input呢？

html:

<button id="btn" style="margin: 25px;">点击选择图片</button>
<input type="file" accept="image/*" id="image"/>

js:

$("#btn").click(function(){
return $("#image").click()
})

如何调用type="date"的input呢？

html:

<button id="btn" style="margin: 25px;">点击选择图片</button>

<input type="date" id="date" />

js:

$("#btn").click(function(){
return $("#date").focus();

});

最后一种最简单的调用.div内包input，把input的宽度和高度充满div,就能直接调用，不用写js

html:

<div style="width: 100px;height: 100px;background: #03A9F4;">

<input type="file" style="width: 100px;height: 100px;opacity: 0;"/>
</div>