|
|
|
เขีียน เรียก option jquery datepicker minDate ไม่ถูก รบกวนช่วยเีขียนทีค่ะ |
|
|
|
|
|
|
|
ได้เขียนเรียกใช้งาน jquery datepicker
A: <input name="data[articles][startDate]" type="text" id="dateS" value="<?php echo $arrRes['startDate'];?>" />
B: <input name="data[articles][endDate]" type="text" id="dateE" value="<?php echo $arrRes['endDate'];?>" />
$('#dateS').datepicker();
$('#dateE').datepicker();
อยากให้เมื่อเลือกวันที่ใน A แล้ว ใน B ต้องห้ามเลือกวันย้อนหลังจากวันที่ใน A
ค้นหาในเน็ตเห็นว่ามี option minDate
Code examples
Initialize a datepicker with the minDate option specified.
$( ".selector" ).datepicker({ minDate: new Date(2007, 1 - 1, 1) });
Get or set the minDate option, after init.
//getter
var minDate = $( ".selector" ).datepicker( "option", "minDate" );
//setter
$( ".selector" ).datepicker( "option", "minDate", new Date(2007, 1 - 1, 1) );
แต่ประยุกต์เขียนไม่ถูกอะค่ะ ว่ามันต้องเขียนรับค่าจาก A: ยังไง
ลองเขียนแบบ
var minDate = $( "#dateS" ).datepicker( "option", "minDate" );
$('#dateE').datepicker("option", "minDate");
แต่มันก็ไม่ได้ พังอีกตะหาก ช่วยชี้แ้นะทีนะค่ะว่าควรเขียนอย่างไร ถึงจะเรียก Option นี้ได้
ขอบคุณค่ะ
Tag : PHP, jQuery
|
|
|
|
|
|
Date :
2012-05-08 15:48:55 |
By :
นูอิ |
View :
2105 |
Reply :
4 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ผมใช้ วิธีเช็ควันที่ ช่องที่ 2 เอาคับ ถ้าน้อยกว่า ให้ไม่สามารถทำงานต่อไปได้
Code (PHP)
// เซต jQuery date picker เป็นภาษาไทย เอามาจาก
// http://dev.jqueryui.com/browser/branches/dev/tooltip/ui/i18n/ui.datepicker-th.js?rev=3073
$.datepicker.regional['th'] = {
closeText: 'ปิด',
prevText: '« ย้อน',
nextText: 'ถัดไป »',
currentText: 'วันนี้',
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน',
'กรกฏาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.',
'ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
dayNames: ['อาทิตย์','จันทร์','อังคาร','พุธ','พฤหัสบดี','ศุกร์','เสาร์'],
dayNamesShort: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
weekHeader: 'Wk',
dateFormat: 'dd/mm/yy',
firstDay: 0,
isRTL: false,
showMonthAfterYear: false,
yearSuffix: ''};
$.datepicker.setDefaults($.datepicker.regional['th']);
$('#show_rooms').disable();
var checkin_date_options = {
showOn: 'both',
duration: 0,
onSelect: function(dateText, inst){
var truedate = dateText.split('\/');
var day = truedate[0];
var month = truedate[1];
var year = truedate[2];
truedate = year+'-'+month+'-'+day;
$('#checkin_date').attr('truedate', truedate);
checkDate();
},
minDate: 2,
maxDate: '+1Y'
}
var checkout_date_options = {
showOn: 'both',
duration: 0,
onSelect: function(dateText, inst){
var truedate = dateText.split('\/');
var day = truedate[0];
var month = truedate[1];
var year = truedate[2];
truedate = year+'-'+month+'-'+day;
$('#checkout_date').attr('truedate', truedate);
checkDate();
},
minDate: 2,
maxDate: '+1Y'
}
// ใส่ datepicker ให้ textbox
var checkin_picker = $("#checkin_date").datepicker(checkin_date_options);
var checkout_picker = $("#checkout_date").datepicker(checkout_date_options);
// ปุ่มแสดงรายการห้อง
$('#show_rooms').click( function(){
var hotel_id = <?=$hotel_id?>;
var date_start =$('#checkin_date').attr('truedate');
var date_end = $('#checkout_date').attr('truedate')
var data = {
type: 'room_list',
hotel_id: hotel_id,
checkin_date: date_start,
checkout_date: date_end
}
$('#div_room_list').html('โปรดรอสักครู่').load('ajax.php', data);
});
});
//ตรวจสอบวันที่
function checkDate(){
$('#div_room_list').html('');
var date_start =$('#checkin_date').attr('truedate');
var date_end = $('#checkout_date').attr('truedate');
if(date_start && date_end){
var d1 = date_start.split(/\D+/);
d1[0]*=1;
d1[1]-=1;
d1[2]*=1;
var d2 = date_end.split(/\D+/);
d2[0]*=1;
d2[1]-=1;
d2[2]*=1;
var date_start_date = new Date(d1[0] ,d1[1], d1[2]);
var date_end_date = new Date(d2[0], d2[1], d2[2]);
if(date_start_date < date_end_date ){
$('#show_rooms').enable();
return;
}else{
alert('คุณกรอกวันเช็คเอาท์ไม่ถูกต้อง');
}
}
$('#show_rooms').disable();
}
http://www.pjgunner.com
|
ประวัติการแก้ไข 2012-05-08 18:07:03
|
|
|
|
Date :
2012-05-08 18:06:10 |
By :
pjgunner.com |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ได้แล้วคับ
ขอบคุณ..........ผู้รู้ทุกท่าน
........................งมอยู่นาน........แล้วก็หาเจอ
สำหรับคนที่ยังไม่ทำไม่ได้...หรือต้องการทำแบบผม...............
ให้ไปแก้ที่....Datemin......กำหนดให้มันไม่ต่ำกว่า...ToDay
|
ประวัติการแก้ไข 2013-02-01 21:02:16
|
|
|
|
Date :
2013-02-01 21:00:43 |
By :
tsab |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
jQuery UI Datepicker ปฏิทินวันที่ Calendar เลือกลงใน Textbox เลือกได้ทั้ง Date/Time
|
|
|
|
|
Date :
2014-02-03 22:12:41 |
By :
mr.win |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 04
|