html5 input datetime为什么调不出来日历控件_随笔

调不出来是因为有些浏览器不支持datetime这种日历控件，比如chrome。

Datetime 对象是 HTML5 中的新对象。

Datetime 对象表示 HTML <input type="datetime">元素。

注释：Internet Explorer、Firefox 或者 Chrome 不支持 <input type="datetime">元素，Safari 中部分支持。Opera 12 以及更早的版本中完全支持。

日期插件的包为:mydate.js。

1：首先将日期插件的包引入到页面中

2：设置鼠标点击事件，当鼠标点击获得焦点的时候，触发事件，调用方法

3：完整页面代码

<?php

date_default_timezone_set("PRC")

$nowtime = time()

$rq = date("Y-m-d",$nowtime)

<html>

<head>

</head>

<body>

开始时间:<input type="text" name="starttime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

结束时间:<input type="text" name="endtime" onfocus="MyCalendar.SetDate(this)" value="<?php echo $rq?>">

</body>

</html>

4：页面效果：

"<html>

<head>

<title>时间定时器</title>

</head>

<body>

</body>

window.onload=fuction(){

window.setInterval(function(){

document.getElementById(""clock"").innerHTML=new Date().toLocaleString()+' 星期'+'日一二三四五六'.charAt(new Date().getDay())

},1000)

}

</script>

</html>"

欢迎分享，转载请注明来源：内存溢出

html5 input datetime为什么调不出来日历控件