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

Chr*_*ris 2 html php sql jquery datepicker

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

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

我主要关心的是弄清楚如何在不知道会有多少值的情况下存储这些值。如果有人能指出我正确的方向,我将不胜感激。我有一个已设置并正在使用的 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'; ?>
Run Code Online (Sandbox Code Playgroud)

Lit*_*ito 5

你可以更换

<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>
Run Code Online (Sandbox Code Playgroud)

<p>Date: <input name="dp[]" type="text" class="datepicker" /></p>
Run Code Online (Sandbox Code Playgroud)

在您可以阅读 PHP 页面后:

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

 ?>
Run Code Online (Sandbox Code Playgroud)