具有隐藏输入的多个JQuery Datepicker

debugcn 发表于 Dev

鲍比·拉波因特

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

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

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

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

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

谢谢

禅头阁

检查这个小提琴：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'
          });
   });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。