javascript - 具有隐藏输入的多个 JQuery Datepicker

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 检索每个日期。不幸的是，我检索的日期数组包含空数组。

我不知道如何将日期选择器与我的隐藏字段内联绑定(bind)...我需要使用所选值更新隐藏的输入字段。

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

谢谢

Answer 1

检查这个 fiddle :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'
          });
   });
});