Дата и время не работают (php + html)

0

У меня проблема с входом datetime... В HTML-коде я добавляю datetime, но его показывая только обычную форму... Я выложу несколько снимков для u, чтобы понять, что я имею в виду... Это 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 выглядит так:

Изображение 174551

И я не хочу выглядеть так, я хочу, чтобы регулярная дата-ведьма выглядела так:

Изображение 174551

Спасибо всем, кто пытается помочь. Привет, Тони.

  • 0
    Какой браузер вы тестируете? Смотрите поддержку браузера
  • 0
    Вам нужен плагин javascript, чтобы обеспечить эту функциональность. Либо ваша, либо третья сторона (я рекомендую стороннюю компанию для чего-то стандартного, подобного этому). Я использую jQuery и jQuery UI Datepicker купить YMMV
Показать ещё 2 комментария
Теги:
datetime
date
time

3 ответа

1
Лучший ответ

Вам нужно datepicker функция, которая является частью libray jQueryUI

DEMO http://jsfiddle.net/Fa8Xx/1768/

jQuery UI link

Это также атрибут типа date HTML5. Однако это сильно зависит от поддержки браузера HTML.

DEMO http://jsfiddle.net/Fa8Xx/1769/

 <input type="date" />
Поделиться
  • 0
    Вектор, не могли бы вы объяснить мне, как я могу это сделать, я почти никогда не использую JavaScript. Благодарю.
  • 0
    Я отредактировал свой ответ с типом ввода date браузера HTML5. Это зависит от того, какие браузеры вам нужно поддерживать в отношении лучшего пути продвижения вперед. Лично я использую средство выбора даты jQuery UI вместо того, чтобы полагаться на HTML5 из-за поддержки браузера.
Показать ещё 3 комментария
2

Некоторые браузеры реализовали дату и время, но затем удалили (не знаете почему). Чтобы посмотреть, какие браузеры поддерживают ввод данных DateTime, caniuse.com/input-datetime

Изменение: использовать плагин javascript, например, JQuery Datepicker

Пример с страницы 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>
Поделиться
  • 0
    Almis, не могли бы вы объяснить мне, как я могу использовать JQuery Datepicker в моем коде? Я почти никогда не использую Jquery и JS. Спасибо
  • 0
    @ user3511855 проверить редактирование
Показать ещё 2 комментария
0

Я считаю, что вам нужен datetime-local тип datetime-local. Таким образом, HTML будет выглядеть так:

<input type='datetime-local' name='start'/>
Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню