html5 input type=''date" 获取时间

起因是同事再做一个火车票购买的功能,有一个调了时间控件,一直不知道怎么用事件取值
我也是没用过这部分的控件,不知道公司用的什么控件,项目里找了一圈没找到,就上网去找了一圈有jq的和bootstrap的时间控件感觉比较像,试了下代码又不对
最后把js和css全删了发现时间控件还在,惊奇之余猛的发现这不就是HTML5的默认控件么
可能好多人和我一样都没见过这个默认控件吧

于是找了下就找到获取点击后的方法了,只要用onchange()就可以了
还有点不同的是,安卓是点击确定后才显示,ios是有变化直接就显示

<input type="date" id="fname" onchange="upperCase(this.id)">

<script type="text/javascript">
function upperCase(x)
{
var y=document.getElementById(x).value
document.getElementById(x).value=y.toUpperCase()
alert(x);
}
</script>
posted @ 2017-05-05 17:45  breathxin  阅读(12843)  评论(1编辑  收藏  举报