Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/283.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何将日期选择器添加到表单输入_Php_Jquery_Codeigniter - Fatal编程技术网

Php 如何将日期选择器添加到表单输入

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

我正试图将jquery datepicker添加到输入字段中,但我没有做到这一点。这是我的密码

       <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>