добавление поля даты на html странице бронирования железной дороги

Question

добавление поля даты на html странице бронирования железной дороги

0

Я создал одну страницу бронирования билетов в html. В этой форме есть опция, в которой пользователь будет заполнять поля, такие как стартовая station, reach station и date. Как я могу показать date, которая появляется, когда пользователь нажимает на дату, означает, что она отображается как календарь, и пользователь может выбрать соответствующую дату, когда пользователь планирует совершить поездку. Я хочу показать следующие три месяца в дате и выделить текущий день. Мы даем разрешение забронировать билет за три месяца до фактического путешествия. Может ли кто-нибудь дать мне представление о том, как я могу это реализовать? .. и далее, когда пользователь выбрал дату, как я могу получить выбранную дату?

user3168973 09 янв. 2014, в 18:16

Источник

0

Почему вы пометили свой вопрос php ?
user2680766 09 янв. 2014, в 16:20
0

Пожалуйста, предоставьте свой эшафот, который вы уже создали.
Robin 09 янв. 2014, в 16:26
1

Вы можете использовать: jqueryui.com/datepicker
Awlad Liton 09 янв. 2014, в 16:28

Показать ещё 1 комментарий

Теги:

php

html

datepicker

3 ответа

Ещё вопросы

Почему вы пометили свой вопрос php ?
Пожалуйста, предоставьте свой эшафот, который вы уже создали.
Вы можете использовать: jqueryui.com/datepicker

Michal Boska · Answer 1 · 2014-01-09T15-27-00.000Z

Либо с новым типом ввода date HTML5: http://www.w3schools.com/html/html5_form_input_types.asp

Или с аддонами/библиотеками Javascript, такими как JQuery UI Datepicker: http://jqueryui.com/datepicker/

После того, как пользователь выберет дату, он установит соответствующее значение элемента на стороне клиента, которое вы можете проанализировать в PHP (например, strtotime())

Shidil Dinesh · Answer 2 · 2014-01-09T14-20-00.000Z

Вы можете использовать выбор даты html5

<form action="date.php">
Date: <input type="date" name="date">
<input type="submit">
</form>

разделить дату на массив

<?php
 if($_GET){
    $date=explode('-',$_GET['date']);
    print_r($date);
 }

?>

Awlad Liton · Answer 3 · 2014-01-09T14-18-00.000Z

Jquery datepicker будет хорошим решением для вас:
Здесь вы можете увидеть это: http://jqueryui.com/datepicker/#multiple-calendars

Демо-код:

<html lang="en">
<head>
<meta charset="utf-8">
<title>jQuery UI Datepicker - Display multiple months</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css">
<script>
$(function() {
$( "#datepicker" ).datepicker({
numberOfMonths: 3,
showButtonPanel: true
});
});
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" name ="datepicker"></p>
</body>
</html>

Документация: http://jqueryui.com/datepicker/

На вашей странице php, на которой вы будете отправлять данные формы, вы можете получить значение выбора даты по названию:

$_POST['datepicker'];

Я думаю, что это имеет смысл :)