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>
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 -->
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 help me friends