[英]Datetime not working (php+html)
我在使用日期时间输入时遇到问题...在HTML代码中添加了日期时间,但它仅显示了常规格式...我将为您张贴一些图片,以更好地理解我的意思...这是html代码:
<form method='post'>
<br>Sport:<br>
<select name='sport'>
<option value='football' selected>Football</option>
<option value='basketball'>Basketball</option>
<option value='tennis'>Tennis</option>
<option value='hockey'>Hockey</option>
<option value='handball'>Handball</option>
<option value='volleyball'>Volleyball</option>
<option value='baseball'>Baseball</option>
<option value='waterpolo'>Water polo</option>
<option value='other'>Other</option>
</select>
<br>Starting time:<br>
<input type='datetime' name='start'/>
<br>Home:<br>
<input type='text' name='home'/><br>
Away:<br>
<input type='text' name='away'/><br>
Pick:<br>
<input type='text' name='pick'/><br>
Odd:<br>
<input type='number' step='0.01' name='odd'/><br>
Stake:<br>
<input type='number' step='0.01' name='stake'/><br>
Analysis:
<br><textarea style='width:100%;' rows='20' name='analiza'></textarea>
<input type='submit' value='Place a bet' name='postavi'/>
</form>
但是日期时间看起来像这样:
而且我不想看起来像这样,我希望常规的约会时间女巫看起来像这样:
谢谢所有尝试提供帮助的人。 干杯,托尼。
一些浏览器已实现日期时间,但随后将其删除(不确定原因)。 要查看哪些浏览器支持DateTime输入,请检查caniuse.com/input-datetime
编辑:使用像jQuery Datepicker这样的javascript插件
jQuery页面中的示例:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker"></p>
</body>
</html>
你需要的datepicker
功能是jQueryUI的libray的一部分
演示http://jsfiddle.net/Fa8Xx/1768/
该也是HTML5 date
类型属性。 不过,这在很大程度上依赖于HTML浏览器的支持。
演示http://jsfiddle.net/Fa8Xx/1769/
<input type="date" />
我相信您需要使用datetime-local
类型。 因此,HTML将如下所示:
<input type='datetime-local' name='start'/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.