如何将多个jQuery datepicker值发送到数据库

时间:2013-05-02 20:26:05

标签: php jquery html sql datepicker

我正在创建一个网站,有助于为一群人设置会议时间,非常像WhenIsGood

创建新会议时,用户首先输入会议可能发生的日期(使用带表单输入的jQuery日期选择器)。表单以三个字段开头,但用户可以根据需要添加更多字段。我的问题是,如何存储日期值以便以后使用?当用户必须为每个提交的日期值选择时间范围时,将在会议创建过程中再次使用这些值。此外,还需要向小组成员提供最终的暂定时间表(提交的天数和提交的时间范围)。我知道,目前这是非常抽象的,如果有必要,我会非常乐意提供更多细节。 Here is the page in question

我主要担心的是如何在不知道有多少值的情况下存储值。如果有人能指出我正确的方向,我将非常感激。我有一个我已经设置并正在使用的SQL数据库。我假设数据将存储在那里,因为,你知道,它是一个数据库。或者如果有更好的方法,那也很酷。提前谢谢。

<?php 
include 'core/init.php';
//protect_page();
include 'includes/overall/header.php'; 
?>    

      <form action="sendemail.php" method="post">
      <link rel="stylesheet" href="css/jquery-ui.css" />
      <script src="js/jquery-1.9.1.js"></script>
      <script src="js/jquery-ui.js"></script>
      <script>
           $(document).ready(function() {
                var count = 4;
                $(".datepicker").datepicker({ dateFormat: 'yy-mm-dd', minDate: '+0D', numberOfMonths: 2});
                $( 'input[type="text"]' ).datepicker();

                $("#addDate").click(function(){
                     $('#dateholder').append('<p>Date: <input id="dp' + count + '" type="text" class="datepicker" /></p>');
                     count++;
                     $(".datepicker").datepicker({ dateFormat: 'yy-mm-dd', minDate: '+0D', numberOfMonths: 2});
                     $( 'input[type="text"]' ).datepicker();
                });
           });               
      </script>

      <h1>Create a Meeting</h1>
      <div style="display: inline-block; margin-left: 20%;">
      <div id="dateholder" style="text-align:center;">
           <p>Date: <input id="dp1" type="text" class="datepicker" /></p>
           <p>Date: <input id="dp2" type="text" class="datepicker" /></p>
           <p>Date: <input id="dp3" type="text" class="datepicker" /></p>
      </div>
      <div style="text-align:center;">
           <p><input type="button" value="Add Date" id="addDate" /> <input type="submit" value="Submit Dates"/></p>
      </div>
      </div>
      </form>

<?php include 'includes/overall/footer.php'; ?>

2 个答案:

答案 0 :(得分:4)

您可以替换

<p>Date: <input id="dp1" type="text" class="datepicker" /></p>
<p>Date: <input id="dp2" type="text" class="datepicker" /></p>
<p>Date: <input id="dp3" type="text" class="datepicker" /></p>

<p>Date: <input name="dp[]" type="text" class="datepicker" /></p>

您可以在PHP页面中阅读:

<?php 
   for ($i = 0; $i < count($_POST['dp']); $i++){
       echo $_POST['dp'][$i]."<br/>";        
   }

 ?>

答案 1 :(得分:0)

对dtepicker名称使用数组表示法:

<input name="dp[]" type="text" class="datepicker" />

然后在PHP中,您可以作为数组访问$_POST['dp']