Php 如何将日期选择器添加到表单输入
我正试图将jquery datepicker添加到输入字段中,但我没有做到这一点。这是我的密码Php 如何将日期选择器添加到表单输入,php,jquery,codeigniter,Php,Jquery,Codeigniter,我正试图将jquery datepicker添加到输入字段中,但我没有做到这一点。这是我的密码 <div class="field_row clearfix"> <?php echo form_label($this->config->item('custom'.$i.'_name').':', 'custom'.$i,array('class'=>'wide')); ?> <di
<div class="field_row clearfix">
<?php
echo form_label($this->config->item('custom'.$i.'_name').':', 'custom'.$i,array('class'=>'wide')); ?>
<div class='form_field' onclick="test()" id='datepickers'>
<?php echo form_input(array(
'name'=>'custom'.$i,
'id'=>'custom'.$i,
'value'=>$item_arr['custom'.$i])
);?>
</div>
</div>
function test() {
$( "#datepicker" ).datepicker();
}
功能测试(){
$(“#日期选择器”).datepicker();
}
这是我用onlick尝试的,但我真的很喜欢像这个例子一样
<p>Date: <input type="text" id="datepicker"></p>
$(function() {
$( "#datepicker" ).datepicker();
}
日期:
$(函数(){
$(“#日期选择器”).datepicker();
}
找出差异
<div class='form_field' onclick="test()" id='datepickers'>
^^^
$( "#datepicker" ).datepicker();
^^^
^^^
$(“#日期选择器”).datepicker();
^^^
因为您的日期选取器id不在输入上,所以在您的案例中,它在div上
可以将类名(如果有多个输入)添加到通过CI表单帮助器生成的字段中
<?php echo form_input(array(
'name'=>'custom'.$i,
'id'=>'custom'.$i,
'class' => 'datepicker',
'value'=>$item_arr['custom'.$i])
);?>
然后
$(函数(){
$(“.datepicker”).datepicker();
}
如果您的数据采集器js和css加载正常,应该可以正常工作。请始终检查控制台是否有错误,或者使用firebug。有关最佳做法,请使用HTML-5标记日期
日期:
您忘记添加脚本标记了
<script type="text/javascript"> ....</script>
。。。。
还为输入添加一个类值:class=“datepicker”:任何控制台错误?页面上是否包含jQuery库?js代码周围的脚本标记在哪里?是的,包含库,错误为items:1未捕获引用错误:未定义测试,id日期选择器在那里,因为它是我使用的1个方法,我现在选择onclick,因为我无法使它工作,我有标记设置,就在我出于某种原因试图粘贴问题时,我无法添加它,但我在HTML中打开关闭,你的div有一个“datepicker”ID。在你的javascript中,你调用的是“datepicker”。要么更改你的div ID,要么更改你的选择器。还要在你的javascript函数周围添加脚本标记谢谢,我所需要做的就是添加这是我尝试过的第一件事,但使用codeigniter并不是因为它的构建方式,我目前正在学习这个框架
<script type="text/javascript"> ....</script>