在html鐵路預訂頁面中添加日期字段

我已在html中創建了一個鐵路客票預訂頁面。在這種形式下，用戶將要填寫的字段如開始station,reach station和date。如何顯示用戶點擊日期時出現的date，這意味着它顯示爲日曆，並且用戶可以在用戶計劃旅行時選擇適當的日期。我想在接下來的三個月中顯示當天的日期並突出顯示當天。我們允許在實際旅程之前三個月預訂機票。任何人都可以給我一個想法，我可以如何實現這一點？ ..並進一步當用戶選擇日期，我怎麼能得到選定的日期？在html鐵路預訂頁面中添加日期字段

來源

2014-01-09 user3168973

你爲什麼標記你的問題'php'？ – 2014-01-09 16:20:24

請提供您已經創建的腳手架。 – Robin

您可以使用：http://jqueryui.com/datepicker/ –

無論是新的HTML5 date輸入類型：http://www.w3schools.com/html/html5_form_input_types.asp

或者使用Javascript插件/庫，如jQuery UI的日期選擇器：用戶選擇日期http://jqueryui.com/datepicker/

後，將設置客戶端的相應值側的元素，你可以在PHP解析（如strtotime()）

來源

2014-01-09 16:32:42

Jquery的日期選擇器將是你一個很好的解決方案：
在這裏你可以看到這一點： 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'];

我覺得有道理:)

來源

2014-01-09 16:38:04

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

？>

來源

2014-01-09 16:42:09

在html鐵路預訂頁面中添加日期字段

回答

相關問題