Page 1 of 1

[HELP] jQuery Conflicts

Posted: Wed Jul 16, 2014 2:58 pm
by Grandong
My DateTimePicker Confliq to other jQuery

this how i'am put js :

Code: Select all

    <script src="<?php echo base_url();?>assets/global/plugins/jquery-1.11.0.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>assets/global/plugins/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>      
    <script src="<?php echo base_url();?>assets/frontend/layout/scripts/back-to-top.js" type="text/javascript"></script>
    <!-- END CORE PLUGINS -->

    <!-- BEGIN PAGE LEVEL JAVASCRIPTS (REQUIRED ONLY FOR CURRENT PAGE) -->
    <script src="<?php echo base_url();?>assets/global/plugins/fancybox/source/jquery.fancybox.pack.js" type="text/javascript"></script><!-- pop up -->
    <script src="<?php echo base_url();?>assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.min.js" type="text/javascript"></script><!-- slider for products -->

    <!-- BEGIN RevolutionSlider -->
  
    <script src="<?php echo base_url();?>assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.plugins.min.js" type="text/javascript"></script>
    <script src="<?php echo base_url();?>assets/global/plugins/slider-revolution-slider/rs-plugin/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script> 
    <script src="<?php echo base_url();?>assets/frontend/pages/scripts/revo-slider-init.js" type="text/javascript"></script>
    <!-- END RevolutionSlider -->

    <script src="<?php echo base_url();?>assets/frontend/layout/scripts/layout.js" type="text/javascript"></script>
    <script type="text/javascript">
        jQuery(document).ready(function() {
            Layout.init();    
            Layout.initOWL();
            RevosliderInit.initRevoSlider();
            Layout.initTwitter();
            //Layout.initFixHeaderWithPreHeader(); /* Switch On Header Fixing (only if you have pre-header) */
            //Layout.initNavScrolling(); 
        });
    </script>
    <!-- END PAGE LEVEL JAVASCRIPTS -->
    <script type="text/javascript" src="<?php echo base_url();?>assets/me/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/me/bootstrapValidator.min.js"></script>
    <script type="text/javascript" src="<?php echo base_url();?>assets/me/moment.min.js"></script>
css

Code: Select all

  <!-- Global styles START -->          
  <link href="<?php echo base_url();?>assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
  <!-- Global styles END --> 
  <link href="<?php echo base_url();?>assets/global/css/plugins.css" rel="stylesheet">
   
  <!-- Page level plugin styles START -->
  <link href="<?php echo base_url();?>assets/global/plugins/fancybox/source/jquery.fancybox.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/global/plugins/carousel-owl-carousel/owl-carousel/owl.carousel.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/global/plugins/slider-revolution-slider/rs-plugin/css/settings.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/me/bootstrap-datetimepicker.min.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/me/bootstrapValidator.min.min.css" rel="stylesheet">
 
  <!-- Page level plugin styles END -->

  <!-- Theme styles START -->
  <link href="<?php echo base_url();?>assets/global/css/components.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/frontend/layout/css/style.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/frontend/pages/css/style-revolution-slider.css" rel="stylesheet"><!-- metronic revo slider styles -->
  <link href="<?php echo base_url();?>assets/frontend/layout/css/style-responsive.css" rel="stylesheet">
  <link href="<?php echo base_url();?>assets/frontend/layout/css/themes/red.css" rel="stylesheet" id="style-color">
  <link href="<?php echo base_url();?>assets/frontend/layout/css/custom.css" rel="stylesheet">
  <!-- Theme styles END -->
and Markup:

Code: Select all

                <div class="row">
                  <div class="col-md-6">
                    <div class="input-icon">
                      <i class="fa fa-calendar"></i>
                      <input type="text" class="form-control" id="start" name="tanggal" placeholder="Tanggal Keberangkatan">
                    </div>
                    <!-- /input-group -->
                  </div>
                  <!-- /.col-md-6 -->
                  <div class="col-md-6">
                    <div class="input-icon right">
                      <i class="fa fa-calendar"></i>
                      <input type="text" class="form-control" id="end" name="pulang"placeholder="Tanggal Pulang (Opsional)">
                    </div>
                    <!-- /input-group -->
                  </div>
     <script type="text/javascript">
        $(function () {
            $('#start').datetimepicker({
              pickTime: false,
              autoclose: true,
              minDate: new moment().subtract(1, "d"),
              maxDate: new moment().add(1, "y")
            });
            $('#end').datetimepicker({
              pickTime: false,
              autoclose: true,
              maxDate: new moment().add(1, "y")
            });
            $("#start").on("dp.change",function (e) {
               $('#end').data("DateTimePicker").setMinDate(e.date);
            });
            $("#end").on("dp.change",function (e) {
               $('#start').data("DateTimePicker").setMaxDate(e.date);
            });
        });
    </script> 
                  
                  <!-- /.col-md-6 -->
                </div>
                <!-- /.row --><br>
          
Please, How to find js conflicts and solved it ?
please help me friends

Re: [HELP] jQuery Conflicts

Posted: Wed Aug 27, 2014 12:40 am
by phpdeveloper1
What are the specific javascript errors you are seeing ?