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 > Client Script Forum > อยากสอบถามผู้รู้เกี่ยวกับ datetimepicker ครับ ผมงมนานมากกก



 

อยากสอบถามผู้รู้เกี่ยวกับ datetimepicker ครับ ผมงมนานมากกก

 



Topic : 116283



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



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




date

ผมหาวิธีไม่ได้เลยครับ ใครก็ได้ช่วยผมที่

ทำให้ช่องทางด้่านซ้าย > กว่าช่องทางขวาไม่ได้
ถ้ามากกว่าให้ทางซ้าย = ขวา

วันที่เริ่มต้น var StartDateTextBox = $('#time_start');
วันที่สิ้นสุด var EndDateTextBox = $('#time_end');
วันที่เรียนเริ่มต้น var StustartDateTextBox = $('#time_stu_start');
วันที่เรียนสิ้นสุด var StuendDateTextBox = $('#time_stu_end');

ผมไม่รู้จะเอาเงื่อนไขใส่ไว้ตรงไหน

Code (JavaScript)
         var testEndDate = EndDateTextBox.datetimepicker('getDate');
         var testtEndDate = StuendDateTextBox.datetimepicker('getDate');
	        if (testEndDate > testtEndDate)
		EndDateTextBox.datetimepicker('setDate', testtEndDate);


Code (JavaScript)
	$(function(){

	var StartDateTextBox = $('#time_start');
	var EndDateTextBox = $('#time_end');
	var StustartDateTextBox = $('#time_stu_start');
	var StuendDateTextBox = $('#time_stu_end');

	StartDateTextBox.datepicker({ 
		dateFormat: 'dd-mm-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-mm-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') );
		}
	});
	StustartDateTextBox.datepicker({ 
		dateFormat: 'dd-mm-yy',
		onClose: function(dateText, inst) {
			if (StuendDateTextBox.val() != '') {
				var testtStartDate = StustartDateTextBox.datetimepicker('getDate');
				var testtEndDate = StuendDateTextBox.datetimepicker('getDate');
				if (testtStartDate > testtEndDate)
					StuendDateTextBox.datetimepicker('setDate', testtStartDate);
			}
			else {
				StuendDateTextBox.val(dateText);
			}
		},
		onSelect: function (selectedDateTime){
			StuendDateTextBox.datetimepicker('option', 'minDate', StustartDateTextBox.datetimepicker('getDate') );
		}
	});
	StuendDateTextBox.datepicker({ 
		dateFormat: 'dd-mm-yy',
		onClose: function(dateText, inst) {
			if (StustartDateTextBox.val() != '') {
				var testtStartDate = StustartDateTextBox.datetimepicker('getDate');
				var testtEndDate = StuendDateTextBox.datetimepicker('getDate');
				if (testtStartDate > testtEndDate)
					StustartDateTextBox.datetimepicker('setDate', testtEndDate);
			}
			else {
				StustartDateTextBox.val(dateText);
			}
		},
		onSelect: function (selectedDateTime){
			StustartDateTextBox.datetimepicker('option', 'maxDate', StuendDateTextBox.datetimepicker('getDate') );
		}
	});
});




Tag : - - - -









ประวัติการแก้ไข
2015-05-07 04:38:55
2015-05-07 04:39:19
2015-05-07 04:39:36
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2015-05-07 04:28:02 By : por-jr View : 1200 Reply : 4
 

 

No. 1



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

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

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

ตัวอย่างแบบง่าย ๆ ครับ



Code
<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 เลือกได้ทั้ง Date/Time







แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-05-07 10:15:22 By : mr.win
 


 

No. 2



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



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


ตอบความคิดเห็นที่ : 1 เขียนโดย : mr.win เมื่อวันที่ 2015-05-07 10:15:22
รายละเอียดของการตอบ ::
โค้ดที่ผมทำมันแยกออกเป็น 2 ฝั่งอ่าครับพี่
ฝั่งซ้าย ก็คืออันนึง
ฝั่งขวา ก็อีกอันนึง

แต่อยากทำให้ด้านล่างของแต่ละอัน มีเงื่อนไขถ้า ด้านล่างซ้าย > ด้านล่างขวา ก็ให้ด้านล่างซ้าย = ด้านล่างขวา

T^T

ผมไม่ค่อยเข้าใจขอโทษด้วยนะครับพี่

แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-05-07 10:37:28 By : por-jr
 

 

No. 3



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



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


ได้แล้วครับพี่ ใช้ การเปลีั่ยน dd-mm-yy เป็นวันเพื่อ - กัน

ถ้าติด - ให้เอาฝั่งขวาไปใส่ซ้าย
ถ้าเป็น 0 ก็เป็นค่าเท่ากันทั้ง 2 ฝั่ง
แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-05-07 16:29:49 By : por-jr
 


 

No. 4



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

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

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


แสดงความคิดเห็นโดยอ้างถึง ความคิดเห็นนี้
Date : 2015-05-07 17:41:18 By : mr.win
 

   

ค้นหาข้อมูล


   
 

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