繁体   English   中英

日期时间不起作用(php + html)

[英]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/

jQuery UI链接

该也是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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM