如何从日期选择器中获取日期


How to get the date from date picker

我使用这个库实现了日期选择器。http://www.eyecon.ro/bootstrap-datepicker/

但是没有正确地从输入字段中获取日期。

我真的很感激你能提供的任何帮助。

我已经使用了$dob = $_POST['dob'];,但该输入字段不返回任何值。

<<h2> HTML代码/h2>
<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。