Question

我需要在表单输入字段中添加日期，但在codeigniter中它不起作用，这里是我的代码视图，我不知道为什么它不起作用，我也有链接web链接。它只能在codeigniter中工作。这个页面使用ajax加载。我认为这是问题的原因，我该如何解决？???

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.0/themes/base/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.8.3.js"></script>
<script src="http://code.jquery.com/ui/1.10.0/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker();
});
</script>


<div id="content">

 <h2>Payment Details.</h2>
<?php
          $this->load->helper('form');
          $attributes = array('method'=>'post','name'=>'payments','id'=>'payments');
          echo form_open_multipart('',$attributes);?>
    <?php //echo form_open_multipart('payments/insert_payment');?>
    <label>Payee Name: </label> <?php echo form_input('payee_name');?><br/><br/>

    <label>Address: </label> <?php echo form_input('address');?><br/><br/>

    <label>Account No: </label> <?php echo form_input('account_no');?><br/><br/>

    <label>Bank Name: </label> <?php echo form_input('bank_name');?><br/><br/>

    <label>Branch: </label> <?php echo form_input('branch');?><br/><br/>

    <label>Amount: </label> <?php echo form_input('amount');?><br/><br/>
    <label>Pick a Check Date: </label> <?php
                    $data = array(
                      'name'=> 'check_date',
                      'id' => 'datepicker',
                      'placeholder' => 'date',
                    );
echo form_input($data);?><br/><br/>

    <label>Check Number: </label> <?php echo form_input('check_number');?><br/><br/>        

    <input type="submit" name="submit" value="Next"/>
<?php echo form_close(); ?>

Answer 1

您正在尝试添加两个具有不同版本的jquery文件

这就是为什么日期选择器混淆了哪个jquery版本可以使用

请在document.ready function

之前添加jQuery.noConflict()

希望这会有所帮助：）

<script>
jQuery.noConflict();
$(function() {
$( "#datepicker" ).datepicker();
});
</script>

Answer 2

Datepicker无效，因为#datepicker尚不存在。您可以通过将('#datepicker').datepicker()移动到代码中创建它（#datepicker）之后的点来完成此工作。

Answer 3

调试如下

1＆GT;检查控制台。

2 - ;将inspect元素用于实际Id（许多框架在内部对其进行了更改）。

3＆GT;试着把文件末尾的$( "#datepicker" ).datepicker();

Answer 4

您要将日期选择器添加到ID

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

但是这个Id在哪里。您应该将datepiker添加到id可用的视图中，并添加相应的javascript文件

Answer 5

查看：

$this->load->helper(array('form'));

控制器：

function datepicker(){
    $this->load->view('datepicker');
}

jQuery的：

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

Answer 6

我看到了很多问题

将样式表保存在css文件夹（可选）中，css应该在ci文件夹中
如果你的链接css执行下面的代码，你在css中的href不是正确的代码
```
 <link rel="stylesheet" href="<?php echo base_url();?>css/style.css" />`
```

确保您的base_url正确无误。要查看这是否正确尝试echo base_url();

希望这能帮到你

Codeigniter日期选择器不起作用

6 个答案: