Bootstrap 3 DatePicker not working after include to another page

Asked Oct 20 '16 at 11:58

Active Oct 20 '16 at 12:06

Viewed 79 times

I tried to include Bootstrap 3 DatePicker to my php page.

This is my date.php code

<form>
<div class="row"> 
    <div class="row"> 

        <div class='col-sm-6'>
            <div class="form-group">
                <div class='input-group date' id='datetimepicker1'>
                    <input type='text' class="form-control" />
                    <span class="input-group-addon">
                        <span class="glyphicon glyphicon-calendar"></span>
                    </span>
                </div>
            </div>
        </div>

    </div>
</div>

Script:

<script>
    $(document).ready(function () {

        $(function () {
            $('#datetimepicker1').datetimepicker();
        });

    });

and date.php include to rent.php page using

<?php $this->load->view('common/date'); ?>

I'm using Codeignaiter and all js files and css files import correctly..

any help please

edited Oct 20 '16 at 12:06

Monasha

asked Oct 20 '16 at 11:58

Menaka Kariyawasam

#datetimepicker1 id is unique ? – JYoThI Oct 20 '16 at 12:02
see your firebug there is any error ? – JYoThI Oct 20 '16 at 12:03
if I load my date.php file separate, its working correctly but the issue is after including to another php file its not working – Menaka Kariyawasam Oct 20 '16 at 12:04
@JYoThI : there is error in my console its says `Uncaught ReferenceError: $ is not defined` – Menaka Kariyawasam Oct 20 '16 at 12:06
add jquery to your project – madalinivascu Oct 20 '16 at 12:07
@madalin ivascu : its added correctly – Menaka Kariyawasam Oct 20 '16 at 12:07
add this line in your page and try again – JYoThI Oct 20 '16 at 12:14
I tried but same result.. its not working – Menaka Kariyawasam Oct 20 '16 at 12:17
show your full source here . – JYoThI Oct 20 '16 at 12:19
1

please refer this link http://stackoverflow.com/questions/2194992/jquery-is-not-defined – JYoThI Oct 20 '16 at 12:22
@JYoThI : Thanks,I found the issue its overwriting with another jquery. – Menaka Kariyawasam Oct 20 '16 at 12:30

Bootstrap 3 DatePicker not working after include to another page

0 Answers0