|
|
|
อยากทราบว่า ถ้าเราอยากจะเปลี่ยน class = datepicker ให้มาเป็น class ปฏิทินอันอื่นต้องทำยังไงหรือครับใน js |
|
|
|
|
|
|
|
รูปนี้ไม่ได้ใส่ class="awe-calendar"
รูปนี้ใส่ class="awe-calendar"
ผมอยากทราบว่า class = awe-calendar จะนำไปแทนตัว datepicker ใน code js ได้ไหมครับ
พอมีวิธีแก้ไขปรับเปลี่ยนไหมครับ
ขอบคุณมากครับ
Code (PHP)
<div class="row">
<div class="col-sm-4">
<label>Check In<sup>*</sup></label>
<input type="text" class="awe-calendar" name="start" id="from" placeholder="Check In" value="<?php echo set_value('checkin');?>">
</div>
<div class="col-sm-4">
<label>Check Out<sup>*</sup></label>
<input type="text" class="awe-calendar" name="start" id="to" placeholder="Check Out" value="<?php echo set_value('checkout');?>">
</div>
<div class="col-sm-4">
<label>จำนวน<sup>*</sup></label>
<input type="text" name="start" id="days" placeholder="SUM" value="<?php echo set_value('');?>">
</div>
</div>
Code (JavaScript)
<script type="text/javascript">
var datepicked = function() {
var from = $('#from');
var to = $('#to');
var days = $('#days');
var fromDate = from.datepicker('getDate')
var toDate = to.datepicker('getDate')
if (toDate && fromDate) {
if (toDate.getTime() < fromDate.getTime()) {
alert('เลือก วันที่! ไม่ถูกต้อง กรุณาเลือกวันที่ให้ถูกต้อง');
document.getElementById("toDate").value == "";
}
}
if (toDate && fromDate) {
var difference = 0;
var oneDay = 86400000; //ms per day
var difference = Math.ceil((toDate.getTime() - fromDate.getTime()) / oneDay + 1);
days.val(difference)
}
}
$(function() {
var d = new Date();
var toDay = d.getDate() + '/' + (d.getMonth() + 1) + '/' + (d.getFullYear() + 543);
$('#from, #to').datepicker({
changeYear: true,
changeMonth: true,
yearRange: '1910:2100',
dateFormat: 'dd/mm/yy',
isBuddhist: true,
defaultDate: toDay,
dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา.', 'จ.', 'อ.', 'พ.', 'พฤ.', 'ศ.', 'ส.'],
monthNames: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
monthNamesShort: ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.'],
onSelect: datepicked
});
});
</script>
Tag : PHP, jQuery, CodeIgniter
|
|
|
|
|
|
Date :
2018-09-12 12:27:33 |
By :
1711167185640399 |
View :
816 |
Reply :
3 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
แต่ใน script ยังเรียกใช้ function ของ datepicker อยู่เลยนะครับ
|
|
|
|
|
Date :
2018-09-12 13:31:16 |
By :
Jatmentz |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
- datepicker ทำงานในตำแหน่งที่มี id ชื่อ from กับ to ตรงนี้น่าจะไม่มีปัญหาถูกต้องอยู่แล้ว...
- เดาว่า class "awe-calendar" น่าจะเป็นการกำหนดสีสัน ธรรมดาหรือเปล่า
ลอง debug ใช้เบราเซอร์ chrome กด F12 แล้วลองคลิกดูที่ class "awe-calendar" ว่าจริงๆมันทำงานอะไร
แล้วลองดูดีดี ไม่มี jquery ชุดอื่นเรียก class "awe-calendar" มาทำงานอื่นหรือเปล่า
ไม่อยากเดาต่อ ลองเช็คดูก่อน
|
|
|
|
|
Date :
2018-09-12 13:55:12 |
By :
apisitp |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ต้องการจะใช้ Libary ตัวอื่นแทน Datepicker ของ jquery หรือยังไงครับ งงกับคำถาม ว่าจริงๆแล้วต้องการอะไร เปลี่ยน Libary หรือแค่จะปรับแต่งลักษณะการแสดงผล
|
|
|
|
|
Date :
2018-09-12 14:14:24 |
By :
Manussawin |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 05
|