我在页面上使用了可变数量的日期选择器。
每个日期选择器必须始终可见,并且我不想显示输入字段。
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,但我不确定该怎么做。
谢谢
最佳答案
检查这个 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'
});
});
});
关于javascript - 具有隐藏输入的多个 JQuery Datepicker,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25428036/