Question

我在我的网页上使用了可变数量的日期选择器。

每个日期选择器必须始终可见，我不想显示输入字段。

foreach ($array as $k =>$z) {
  echo "<div id='datepicker".$k."'></div>
        <input name='dates[]' id='datepicker_input".$k."' type='hidden' >";
}

的javascript

<script>
$(document).ready(function() {
 <?php
      foreach ($array as $k => $z) {
          echo "$('#datepicker".$k."').datetimepicker({      
              format:'d.m.Y H:i',
              inline:true,
              lang:'en'
          });";
      }
 ?>
});
</script>

我的目标是使用表单发送所有日期，这样当我点击我的提交按钮时，我可以从_POST检索每个日期。不幸的是，我检索的日期数组包含空数组。

我不知道如何将datepicker与我隐藏的字段内联... 我需要用选定的值更新隐藏的输入字段。

也许我必须使用JSON，但我不知道该怎么做。

由于

Answer 1

检查这个小提琴：http://jsfiddle.net/pms2juab/3/

HTML：

<input name='dates[]' id='datepicker1' class="datepicker" type='hidden' />
<input name='dates[]' id='datepicker2' class="datepicker" type='hidden' />
<input name='dates[]' id='datepicker3' class="datepicker" type='hidden' />
<input name='dates[]' id='datepicker4' class="datepicker" type='hidden' />
<input name='dates[]' id='datepicker5' class="datepicker" type='hidden' />

JS：

$(function(){
   $('.datepicker').each(function(i,k){
   $(this).datetimepicker({      
              format:'d.m.Y H:i',
              inline:true,
              lang:'en'
          });
   });
});

Answer 2

这有效

<script>
$(document).ready(function() {
 <?php
      foreach ($array as $k => $z) {
          echo "$('#datepicker".$k."').datetimepicker({      
              format:'d.m.Y H:i',
              inline:true,
              lang:'en'
          });

             $('#datepicker_input".$k."').change(function(){
                $('#datepicker".$k."').datepicker('setDate', $(this).val());
             });
             $('#datepicker".$k."').change(function(){
                $('#datepicker_input".$k."').attr('value',$(this).val());
             });
      }
 ?>
});
</script>

带有隐藏输入的多个JQuery Datepicker

2 个答案: