เราเอาเขียนไฟล์ที่จะให้ลูกค้าเลือกวันที่ inculde ไว้ใน index.php แล้วมันไม่แสดงตัวเลือกวันที่ให้ เนื่องจากใน index.php
เรา inculde สไลด์ไว้
แต่เวลาเข้าผ่านหน้าเว็บ เช่น index.php/test.php ตัวแสดงวันที่ขึ้นปกติค่ะ น่าจะเกี่ยวกับ java แต่เรามือใหม่เลยไม่รู้ต้องแก้ยังไง
นี่โค้ด datepicker บางส่วนค่ะ
</style>
<script src="../script-booking/jquery-1.10.0.min.js"></script>
<script src="../script-booking/jquery-ui.min.js"></script>
<script type="text/javascript">
$(function(){
var dates = $( "#check_in, #check_out" ).datepicker({
showOn: "both",
buttonImage: "script-booking/cal.png",
buttonImageOnly: true,
buttonText: "Choose Date",
dateFormat: 'dd M y',
defaultDate: " 1w",
changeMonth: true,
changeYear: true,
numberOfMonths: 2,
minDate : "0d",
showAnim: 'slideDown' ,
onSelect: function( selectedDate ) {
if (this.id == "check_in")
{
instance = $( this ).data( "datepicker" );
var date = $.datepicker.parseDate(instance.settings.dateFormat || $.datepicker._defaults.dateFormat, selectedDate, instance.settings );
var year = date.getFullYear();
var month = date.getMonth();
var day = date.getDate();
dates.not( this ).datepicker( "option", "minDate", new Date(year, month, day 1));
}
}
});
$("#check_in").datepicker( "setDate", new Date());
$("#check_out").datepicker( "setDate", 1);
});
</script>
<script type="text/javascript">
$(document).ready(function(){
$("a.chart-link").click(function(){
$("#chart").dialog({
width: 655,
title : "Availability Chart",
modal : true
});
});
});
</script>
<div class="bookbg1">
<table width="1349" border="0" bgcolor="#c22f01" align="center">
<tr>
<td height="82">
<div align="center">
<form id="zoomModule" name="zoomModule" method="post" action="https://www.myxcaliber.com/frontend/booking/The-Amata-Lanna">
<label class="b1" style="font-size:14px; color:#ffffff; ">Check-In: </label><input type="text" id="check_in" name="criteria.htmlCheckIn" class="bookform1" style="text-align:center; "/>
<label class="b1" style="font-size:16px; color:#ffffff">Check-Out: </label><input type="text" id="check_out" name="criteria.htmlCheckOut" class="bookform1" style="text-align:center"/>
<a href="javascript: document.zoomModule.submit();" title="Book Now" class="bookbutton">Book Now</a>
<div class="chart">
</form>
ส่วนนี่โค้ดไสลด์
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, maximum-scale=1.0, user-scalable=yes">
<link rel="stylesheet" type="text/css" href="styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="demo.css" media="all" />
<!-- jQuery -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<!-- FlexSlider -->
<script type="text/javascript" src="../js/jquery.flexslider-min.js"></script>
<script type="text/javascript" charset="utf-8">
var $ = jQuery.noConflict();
$(window).load(function() {
$('.flexslider').flexslider({
animation: "fade"
});
$(function() {
$('.show_menu').click(function(){
$('.menu').fadeIn();
$('.show_menu').fadeOut();
$('.hide_menu').fadeIn();
});
$('.hide_menu').click(function(){
$('.menu').fadeOut();
$('.show_menu').fadeIn();
$('.hide_menu').fadeOut();
});
});
});
</script>
<body>
<div class="container">
<!-- freshdesignweb top bar --><!--/ freshdesignweb top bar -->
<div class="flexslider">
<ul class="slides">
<li>
<img src="../images/b1.jpg" alt="" title=""/></li>
<li>
<img src="../images/b2.jpg" alt="" title=""/></li>
<li>
<img src="../images/b3.jpg" alt="" title=""/></li>
</ul>
เราคาดว่าปัญหาน่าจะเป็น java เรียกซ้อนกัน แต่ไม่รู้จะแก้ยังไงดี ใครพอแนะนำได้บ้างมั้ยคะ
ขอบคุณค่ะ
พัฒนาเว็บไซต์
