我使用这个库实现了日期选择器。http://www.eyecon.ro/bootstrap-datepicker/
但是没有正确地从输入字段中获取日期。
我真的很感激你能提供的任何帮助。
我已经使用了$dob = $_POST['dob'];
,但该输入字段不返回任何值。
<form class="form-horizontal" role="form" method="post" action="index.php">
<div class="input-group date" id="dp3" data-date-viewMode="years" data-date="select a value" data-date-format="dd-mm-yyyy">
<input name="date" type="text" class="form-control">
<span class="input-group-btn">
<button class="btn btn-default add-on" type="button"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</div>
<button type="submit" class="sub btn btn-success">Submit</button>
</form>
PHP代码$date=$_POST['date'];
HTML代码
<form action="action.php" method="post">
<div class="well">
<div class="input-append date" id="dp3" data-date="12-02-2012" data-date-format="dd-mm-yyyy">
<input class="span2" size="16" type="text" name="dob" value="" readonly="">
<span class="add-on"><i class="icon-calendar"></i></span>
</div>
</div>
<input type="submit" value="show">
</form>
action.php
形式的代码<?php
$dob = $_POST['dob'];
?>
在数据库查询中使用$dob变量
幸福的编码。
这个问题已经被问过了。检查这些:
将选定的日期值从日期拾取器传递给php
从日历日期选择器中获取所选日期
如何获得日期picker和通过get日期?
你会在那里找到答案。您也可以检查这段代码:
<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<link rel="stylesheet" type="text/css"
href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" />
<script type="text/javascript">
$(document).ready(function(){
$("#date").datepicker();
});
</script>
</head>
<body>
<form method="post" action="">
Date of Birth : <input type="text" name="date" id="date"/>
</form>
</body>
</html>
告诉我,如果你想要别的东西。您也可以使用列的date类型在DB中存储日期。
对于第一个输入框,您可以使用此$(dp1).val()
您必须为输入字段指定一个id,对吗?设id为dp1(如您提供的链接中所示)。然后,您可以使用以下jquery命令获取日期:
$ (' # dp1 ') .val ()
你可以在你分享的链接中尝试。只需在控制台中键入命令。更改第一个日期选择器的日期,然后重试。对于第二个日期选择器的值,只需将id更改为第二个字段的id。