Codeigniter日期选择器不起作用

Question

I need to add date to the form input field, but in codeigniter it is not working,here is my code in view, I don't know why it is not working, I have link web links also. it is only not working in codeigniter. this page is loaded using ajax .I think it would be the reason for the problem,how can I fix it????

<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

You are trying to add two jquery files with different versions

thats why the datepicker is confused which jquery version can be used

please add jQuery.noConflict() before the document.ready function

Hope this helps :)

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

Answer 2

Datepicker is not working because #datepicker didn't exist yet. You could make this work by moving ('#datepicker').datepicker() to after the point in the code where it( #datepicker ) is created.

Answer 3

Debug as following

1> Check console.

2> Use inspect element for actual Id ( lots of frameworks changed it internally).

3> Try to put $( "#datepicker" ).datepicker(); at end of file

Answer 4

You are adding date picker to the id

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

But where is this Id. You should add datepiker to the view where the id is available and add the respective javascript file also

Answer 5

View:

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

Controller:

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

jQuery:

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

Answer 6

I saw alot of problems

1. save the style sheet inside css folder(optional) your css should inside your ci folder

2. your href in css is not the right code, if your linking css do the code below

     <link rel="stylesheet" href="<?php echo base_url();?>css/style.css" />` 

make sure your base_url is correct. To see if this correct try to echo base_url();

hope this help you