Question

我在html创建了一个铁路车票预订页面。在该表单中，用户将填写诸如“开始station，reach station和date等字段的选项。如何显示当用户点击日期时显示的date，表示它显示为日历，用户可以在用户计划旅行时选择适当的日期。我想在接下来的三个月展示日期，并突出显示当天。我们允许在实际旅程提前三个月预订机票。任何人都可以告诉我如何实现这一点？ ..而且当用户选择了日期时，我该如何获得所选日期？

Answer 1

使用新的HTML5 date输入类型：http://www.w3schools.com/html/html5_form_input_types.asp

或使用Javascript插件/库，例如JQuery UI的Datepicker：http://jqueryui.com/datepicker/

用户选择日期后，它将设置客户端元素的适当值，您可以在PHP中解析（例如strtotime()）

Answer 2

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'];

我认为这是有道理的：）

Answer 3

您可以使用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);
 }

＆GT;

在html铁路预订页面中添加日期字段

3 个答案: