Question

我试图将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();
     }

这是我在onlcik上尝试过的，但我真的很喜欢这个例子。

<p>Date: <input type="text" id="datepicker"></p>

 $(function() {
 $( "#datepicker" ).datepicker();
 }

Answer 1

发现差异？

    <div class='form_field' onclick="test()" id='datepickers'>
                                                          ^^^

 $( "#datepicker" ).datepicker();
               ^^^

Answer 2

因为您的 datepickers ID不在输入中，所以在您的案例中就是div。

您可以将类名（如果有多个输入）添加到通过CI表单助手生成的字段中。

<?php echo form_input(array(
          'name'=>'custom'.$i,
          'id'=>'custom'.$i,
           'class' => 'datepicker',
          'value'=>$item_arr['custom'.$i])
    );?>

然后

<script type="text/javascript">
$(function() {
    $( ".datepicker" ).datepicker();
}
</script>

如果你的datapicker js和css被正确加载应该可以工作。始终检查控制台是否有错误，或使用firebug。

Answer 3

最佳做法使用HTML-5标记日期

日期：

http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_date

Answer 4

您忘记添加脚本标记。

<script type="text/javascript"> ....</script>

还为输入添加类值：class =“datepicker”：）

如何将日期选择器添加到form_input

4 个答案: