Javascript 输入类型日期

我想这样做：

用按钮控制输入类型日期，打开日历选择日期，但无法显示输入字段。
所选日期的结果将显示在另一个div中（此部分已解决）

$（文档）.ready（函数（）{
$（'input[type=“date”]”）。更改（函数（）{
var outputDate=（this.value）；
$（“#目标”）.text（输出日期）；
});
});
input[type=“date”]{opacity:0；}


$（文档）.ready（函数（）{
$（'input[type=“date”]”）。更改（函数（）{
var outputDate=（this.value）；
$（“#目标”）.text（输出日期）；
});
});
输入[type=“date”]{
不透明度：1；
位置：相对位置；
颜色：透明；
边界：无；
背景色：红色；
}
输入[type=“date”]：-webkit日历选取器指示器{
位置：绝对位置；
排名：0；
底部：0；
右：0；
左：0；
宽度：100%；
身高：100%；
z指数：100；
-webkit外观：无；
}
输入[type=“date”]：-webkit日历选择器指示器：悬停{
背景色：透明；
}
输入[type=“date”]：：-webkit内部旋转按钮{
-webkit外观：无；
}
输入[type=“date”]：-webkit datetime编辑{
不透明度：0；
-webkit外观：无；
}
输入[type=“date”]：：-webkit清除按钮{
背景：无；
-webkit外观：无；
}
标签{
位置：相对位置；
溢出：隐藏
}