Как создать ввод даты в форме, не используя тип date

Question

Как создать ввод даты в форме, не используя тип date

1

Firefox не поддерживает дату ввода типа. Каковы альтернативы для ввода даты во входную форму. Я попытался создать исходные данные для отдельного дня, месяца и года, но я не знаю, как их взять и сохранить в одной переменной в базе данных MySQL

Mwega Kimani 12 окт. 2015, в 16:45

Источник

1

Проверьте - stackoverflow.com/questions/18020950/…
DexTer 12 окт. 2015, в 13:56
0

Вы можете использовать JQuery?
Pedro Lobito 12 окт. 2015, в 14:01

Теги:

php

html5

forms

3 ответа

Ещё вопросы

Проверьте - stackoverflow.com/questions/18020950/…

LeRoy · Answer 1 · 2015-10-12T13-01-00.000Z

Используйте JavaScript, как указано в приведенных выше ответах.

Если вы действительно не хотите или не можете использовать JavaScript (но вы должны как можно прямолинейно), просто передайте три отдельных значения (день, месяц и год) на ваш PHP-скрипт через GET или POST.

Извлеките их через массив $_REQUEST (например: $_REQUEST['day'] если поле ввода называется днем) и выполните соответствующие проверки (например, вы не хотите, чтобы ваше значение месяца было отрицательным или выше 12), и если вы хотите, чтобы дата была единственной переменной, просто соедините ваши три значения и вставьте их в свой db с простым запросом, как вы предпочитаете.

TL;DR: используйте, например, JQuery, как указано в других ответах, но вы можете достичь этого также без JavaScript.

WisdmLabs · Answer 2 · 2015-10-12T12-39-00.000Z

Для создания datepicker вы можете использовать следующий код -

<!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.11.4/themes/smoothness/jquery-ui.css">
      <script src="//code.jquery.com/jquery-1.10.2.js"></script>
      <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
      <link rel="stylesheet" href="/resources/demos/style.css">
   </head>
   <body>
      <p>Date: <input type="text" id="datepicker"></p>
   </body>
</html>

Добавьте следующую инструкцию в файл js

$( "#datepicker" ).datepicker();

Примечание - '#datepicker' - это идентификатор элемента управления, который мы хотим использовать в качестве выбора даты.

Pedro Lobito · Answer 3 · 2015-10-12T11-26-00.000Z

Одной из простых альтернатив является jquery Datepicker

<!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.11.4/themes/smoothness/jquery-ui.css">
  <script src="//code.jquery.com/jquery-1.10.2.js"></script>
  <script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
  <script>
  $(function() {
    $( "#datepicker" ).datepicker();
  });
  </script>
</head>
<body>
 
<p>Date: <input type="text" id="datepicker"></p>
 
 
</body>
</html>