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,037

HOME > PHP > PHP Forum > กำหนดค่าวันที่เริ่มต้นให้ Date Picker ภาษา PHP แก้ไขโค๊ดอย่างไรครับ



 

กำหนดค่าวันที่เริ่มต้นให้ Date Picker ภาษา PHP แก้ไขโค๊ดอย่างไรครับ

 



Topic : 113443



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



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




ผมดูจากกระทู้ตามลิงค์ด้านล่าง
https://www.thaicreate.com/community/jquery-datepicker.html
จากตัวอย่างที่ 5
Example 5 สร้าง Datepicker โดยกำหนด Start Date และ End Date ซึ่ง End Date จะไม่สามารถเลือกย้อนหลังได้

โค๊ดด้านล่าง
Code (JavaScript)
<script type="text/javascript">

$(function(){

	var startDateTextBox = $('#dateStart');
	var endDateTextBox = $('#dateEnd');

	startDateTextBox.datepicker({ 
		dateFormat: 'dd-M-yy',
		onClose: function(dateText, inst) {
			if (endDateTextBox.val() != '') {
				var testStartDate = startDateTextBox.datetimepicker('getDate');
				var testEndDate = endDateTextBox.datetimepicker('getDate');
				if (testStartDate > testEndDate)
					endDateTextBox.datetimepicker('setDate', testStartDate);
			}
			else {
				endDateTextBox.val(dateText);
			}
		},
		onSelect: function (selectedDateTime){
			endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
		}
	});
	endDateTextBox.datepicker({ 
		dateFormat: 'dd-M-yy',
		onClose: function(dateText, inst) {
			if (startDateTextBox.val() != '') {
				var testStartDate = startDateTextBox.datetimepicker('getDate');
				var testEndDate = endDateTextBox.datetimepicker('getDate');
				if (testStartDate > testEndDate)
					startDateTextBox.datetimepicker('setDate', testEndDate);
			}
			else {
				startDateTextBox.val(dateText);
			}
		},
		onSelect: function (selectedDateTime){
			startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
		}
	});

});

</script>
Start Date : <input type="text" name="dateStart" id="dateStart" value="" /> 
End Date : <input type="text" name="dateEnd" id="dateEnd" value="" />


ผมใช้ date picker ตามตัวอย่างด้านบนมาใช้ ถ้าผมจะกำหนดค่าเริ่มต้น StartDate เป็นวันที่ 2014/01/01 และ EndDate เป็นวันที่ปัจจุบัน
ต้องแก้ไขโค๊ดตรงไหนเพิ่มเติมครับ
รบกวนผู้รู้ทุกๆ ท่านช่วยแนะนำหน่อยครับ
ขอบคุณมากครับ



Tag : PHP






Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2014-12-24 11:38:07 By : puupha View : 2526 Reply : 4
 

 

No. 1



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

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

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

กำหนด minDate กับ maxDate ได้เลยครับ

Code (JavaScript)
dateFormat: 'yy-mm-dd',
minDate: '2014-01-01',
maxDate: '0',


Code (JavaScript)
<script type="text/javascript">

$(function(){

var startDateTextBox = $('#dateStart');
var endDateTextBox = $('#dateEnd');

startDateTextBox.datepicker({ 
//dateFormat: 'dd-M-yy',
dateFormat: 'yy-mm-dd',
minDate: '2014-01-01',
maxDate: '0',
onClose: function(dateText, inst) {
if (endDateTextBox.val() != '') {
var testStartDate = startDateTextBox.datetimepicker('getDate');
var testEndDate = endDateTextBox.datetimepicker('getDate');
if (testStartDate > testEndDate)
endDateTextBox.datetimepicker('setDate', testStartDate);
}
else {
endDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
}
});
endDateTextBox.datepicker({ 
//dateFormat: 'dd-M-yy',
dateFormat: 'yy-mm-dd',
minDate: '2014-01-01',
maxDate: '0',
onClose: function(dateText, inst) {
if (startDateTextBox.val() != '') {
var testStartDate = startDateTextBox.datetimepicker('getDate');
var testEndDate = endDateTextBox.datetimepicker('getDate');
if (testStartDate > testEndDate)
startDateTextBox.datetimepicker('setDate', testEndDate);
}
else {
startDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
}
});

});

</script>
Start Date : <input type="text" name="dateStart" id="dateStart" value="" /> 
End Date : <input type="text" name="dateEnd" id="dateEnd" value="" />






แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-24 12:08:52 By : Manussawin
 


 

No. 2



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

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

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

ตรวจสอบ Format และ Convert ให้ถูกต้องครับ

Code (JavaScript)
                        minDate: Date.parse("2014-01-01"),
                        maxDate: Date.parse("2014-31-01"),

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

 

No. 3



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : Manussawin เมื่อวันที่ 2014-12-24 12:08:52
รายละเอียดของการตอบ ::
ลองทำตามแล้วครับ ตอนเรียกโปรแกรมขึ้นมามันไม่แสดงค่า ครับ ตามภาพ
ไม่รู้ว่าทำผิดตรงไหนหรือป่าว แต่ขอขอบคุณนะครับที่ช่วยตอบ ขอบคุณมาก

date

อันนี้เป็นโค๊ดของผมครับ
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-874">
<title>สรุปรายละเอียดแผนงานตามวันที่</title>
<style type="text/css">
#apDiv1 {
position:absolute;
left:695px;
top:119px;
width:308px;
height:17px;
z-index:1;
visibility: visible;
}
</style>
</head>
<!-----datepicker-- -->
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui.css" />
<link rel="stylesheet" media="all" type="text/css" href="jquery-ui-timepicker-addon.css" />

<script type="text/javascript" src="jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="jquery-ui.min.js"></script>

<script type="text/javascript" src="jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="jquery-ui-sliderAccess.js"></script>
<!-----datepicker-- -->
<body>
<script type="text/javascript">

$(function(){

var startDateTextBox = $('#dateStart');
var endDateTextBox = $('#dateEnd');

startDateTextBox.datepicker({
//dateFormat: 'dd-M-yy',
dateFormat: 'yy-mm-dd',
minDate: '2014-01-01',
maxDate: '0',
onClose: function(dateText, inst) {
if (endDateTextBox.val() != '') {
var testStartDate = startDateTextBox.datetimepicker('getDate');
var testEndDate = endDateTextBox.datetimepicker('getDate');
if (testStartDate > testEndDate)
endDateTextBox.datetimepicker('setDate', testStartDate);
}
else {
endDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
endDateTextBox.datetimepicker('option', 'minDate', startDateTextBox.datetimepicker('getDate') );
}
});
endDateTextBox.datepicker({
//dateFormat: 'dd-M-yy',
dateFormat: 'yy-mm-dd',
minDate: '2014-01-01',
maxDate: '0',
onClose: function(dateText, inst) {
if (startDateTextBox.val() != '') {
var testStartDate = startDateTextBox.datetimepicker('getDate');
var testEndDate = endDateTextBox.datetimepicker('getDate');
if (testStartDate > testEndDate)
startDateTextBox.datetimepicker('setDate', testEndDate);
}
else {
startDateTextBox.val(dateText);
}
},
onSelect: function (selectedDateTime){
startDateTextBox.datetimepicker('option', 'maxDate', endDateTextBox.datetimepicker('getDate') );
}
});
});
</script>
Start Date : <input type="text" name="dateStart" id="dateStart" value="" />
End Date : <input type="text" name="dateEnd" id="dateEnd" value="" />
</body>
</html>


ประวัติการแก้ไข
2014-12-24 14:43:06
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-24 14:36:18 By : puupha
 


 

No. 4



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



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


ตอบความคิดเห็นที่ : 3 เขียนโดย : puupha เมื่อวันที่ 2014-12-24 14:36:18
รายละเอียดของการตอบ ::
มีใครพอจะช่วยแนะนำได้บ้างไหมครับ ผมยังทำไม่ได้ รบกวนด้วยครับ
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2014-12-26 10:17:22 By : puupha
 

   

ค้นหาข้อมูล
   
 

แสดงความคิดเห็น
Re : กำหนดค่าวันที่เริ่มต้นให้ Date Picker ภาษา PHP แก้ไขโค๊ดอย่างไรครับ
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ 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 อัตราราคา คลิกที่นี่