Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,038

HOME > PHP > PHP Forum > อยากให้ Date picker เลือกวันที่ได้ ตามช่วงที่เราต้องการอ่ะครับ

อยากให้ Date picker เลือกวันที่ได้ ตามช่วงที่เราต้องการอ่ะครับ

เริ่มหัวข้อใหม่

Nutja

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

Code (PHP)

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>datepicker demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.8.24/themes/base/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.8.2.js"></script>
<script src="//code.jquery.com/ui/1.8.24/jquery-ui.js"></script>
</head>
<body>
<div id="datepicker"></div>
<script>
$( "#datepicker" ).datepicker();
</script>
</body>
</html>

อยากได้ function นี้แต่ให้สามารถเลือกได้เฉพาะช่วงเวลาที่เราสั่งอ่ะครับ เช่นเลือกได้แค่ 01/01/2014 - 31/12/2014 อ่ะครับ

Tag : PHP, jQuery

Date : 2014-12-11 10:13:41

By : nut_ch31

View : 2145

Reply : 5

No. 1

Chaidhanan

โพสกระทู้ ( 9,590 )
บทความ ( 2 )

13.
Code (JavaScript)

$( "#datepicker" ).datepicker({
    mindate: 'yyyy-mm-dd', // เปลี่ยนตาม format
    maxdate: 'yyyy-mm-dd'
});


$('#dateslc').datepicker({
	dateFormat: 'dd-M-yy',
	minDate: '15-Dec-2014',
	maxDate: '28-Feb-2015'
});

ประวัติการแก้ไข
2014-12-11 10:18:28

Date : 2014-12-11 10:16:11

By : Chaidhanan

No. 2

TC Admin

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

Code (jQuery)

<span id="startDate">10-Feb-2013</span> 
<b>To</b>
<span id="endDate">20-Feb-2013</span> 

<script type="text/javascript">

$(function(){
	var minD = $("#startDate").html();
	var maxD = $("#endDate").html();
	$("#dateInput").datepicker({
		dateFormat: 'dd-M-yy',
		minDate: new Date(minD),
		maxDate: new Date(maxD)
	});
});

</script>
<input type="text" name="dateInput" id="dateInput" value="" />

jQuery UI Datepicker ปฏิทินวันที่ Calendar เลือกลงใน Textbox

https://www.thaicreate.com/community/jquery-datepicker.html

Date : 2014-12-11 10:28:29

By : mr.win

No. 3

Nutja

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

Code (PHP)

<span id="startDate">01/01/2014</span> 
<span id="endDate">01/31/2015</span> 
 <script type='text/javascript'>
	
	var array = '<?php echo $arr;?>'

/*	$("#start_date").datepicker({
			minDate: 0,
			maxDate: "+60D",
			numberOfMonths: 2,
			onSelect: function(selected) {
			  $("#end_date").datepicker("option","minDate", selected)
			}
		});
	
	$("#end_date").datepicker({ 
			minDate: 0,
			maxDate:"+60D",
			numberOfMonths: 2,
			onSelect: function(selected) {
			   $("#start_date").datepicker("option","maxDate", selected)
			}
		});
*/
	var minD = $("#startDate").html();
	var maxD = $("#endDate").html();
	$('#start_date').datepicker({
		dateFormat: 'm/d/Y',
			minDate: new Date(minD),
			maxDate: new Date(maxD)
	});

	$('#start_date').datepicker({

		beforeShowDay: function(date){
			var string = jQuery.datepicker.formatDate('yy-mm-dd', date);

			return [ array.indexOf(string) == -1 ]
		}
		
	});
</script>

แบบนี้ จากโค้ด มันจะทำงานแค่ max , min ที่ให้เลอืกอ่ะครับ แต่ ส่วนที่มันเอาไว้บล็อควันที่ มันจะไม่ทำงานอ่ะครัขบ

ประวัติการแก้ไข
2014-12-11 10:51:36

Date : 2014-12-11 10:41:55

By : nut_ch31

No. 4

Nutja

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

Code (PHP)

<span id="startDate">01/01/2015</span> 
<span id="endDate">01/31/2015</span> 
 <script type='text/javascript'>
	
	var array = '<?php echo $arr;?>'

/*	$("#start_date").datepicker({
			minDate: 0,
			maxDate: "+60D",
			numberOfMonths: 2,
			onSelect: function(selected) {
			  $("#end_date").datepicker("option","minDate", selected)
			}
		});
	
	$("#end_date").datepicker({ 
			minDate: 0,
			maxDate:"+60D",
			numberOfMonths: 2,
			onSelect: function(selected) {
			   $("#start_date").datepicker("option","maxDate", selected)
			}
		});
*/
	var minD = $("#startDate").html();
	var maxD = $("#endDate").html();

	$('#start_date').datepicker({

		dateFormat: 'm/d/Y',
		minDate: new Date(minD),
		maxDate: new Date(maxD)

		
	});
</script>

คือผมทำได้แล้วน่ะครับ แต่โค้ดจริงๆ ของผมต้องเพิ่ม

beforeShowDay: function(date){
var string = jQuery.datepicker.formatDate('yy-mm-dd', date);

return [ array.indexOf(string) == -1 ]
}
อันนี้ไปด้วยอ่ะครับ มันไว้สำหรับบล็อควันที่ต้องการบล็อคอีกอ่ะครับ

Date : 2014-12-11 10:48:37

By : nut_ch31

No. 5

Nutja

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

ได้ล่ะครับ ลลืมใส่ , 555+

Code (JavaScript)

$('#start_date').datepicker({

		minDate: new Date("01/01/2014"),
		maxDate: new Date("01/31/2015"),

		beforeShowDay: function(date){
			var string = jQuery.datepicker.formatDate('yy-mm-dd', date);

			return [ array.indexOf(string) == -1 ]
		}
	});

ขอบคุณมากครับ

Date : 2014-12-11 11:05:45

By : nut_ch31

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : อยากให้ Date picker เลือกวันที่ได้ ตามช่วงที่เราต้องการอ่ะครับ

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก