Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,028

HOME > PHP > PHP Forum > เขีียน เรียก option jquery datepicker minDate ไม่ถูก รบกวนช่วยเีขียนทีค่ะ



 

เขีียน เรียก option jquery datepicker minDate ไม่ถูก รบกวนช่วยเีขียนทีค่ะ

 



Topic : 078150

Guest




ได้เขียนเรียกใช้งาน 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







Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2012-05-08 15:48:55 By : นูอิ View : 2047 Reply : 4
 

 

No. 1



โพสกระทู้ ( 5,146 )
บทความ ( 26 )

สมาชิกที่ใส่เสื้อไทยครีเอท Hall of Fame 2012

สถานะออฟไลน์


http://jqueryui.com/demos/datepicker/#date-range ลองประยุกต์อันนี้ดูนะครับ






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2012-05-08 16:03:13 By : deawx
 


 

No. 2



โพสกระทู้ ( 3,468 )
บทความ ( 0 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter

ผมใช้ วิธีเช็ควันที่ ช่องที่ 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: '&laquo;&nbsp;ย้อน',
		nextText: 'ถัดไป&nbsp;&raquo;',
		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
 

 

No. 3



โพสกระทู้ ( 49 )
บทความ ( 0 )



สถานะออฟไลน์


ได้แล้วคับ

ขอบคุณ..........ผู้รู้ทุกท่าน





........................งมอยู่นาน........แล้วก็หาเจอ


สำหรับคนที่ยังไม่ทำไม่ได้...หรือต้องการทำแบบผม...............


ให้ไปแก้ที่....Datemin......กำหนดให้มันไม่ต่ำกว่า...ToDay


ประวัติการแก้ไข
2013-02-01 21:02:16
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2013-02-01 21:00:43 By : tsab
 


 

No. 4



โพสกระทู้ ( 74,058 )
บทความ ( 838 )

สมาชิกที่ใส่เสื้อไทยครีเอท

สถานะออฟไลน์
Twitter Facebook



jQuery UI Datepicker ปฏิทินวันที่ Calendar เลือกลงใน Textbox เลือกได้ทั้ง Date/Time

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-02-03 22:12:41 By : mr.win
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : เขีียน เรียก option jquery datepicker minDate ไม่ถูก รบกวนช่วยเีขียนทีค่ะ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 05
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่