รบกวนถามเกี่ยวกับ calendar หน่อยครับ

HTML Basic
สำหรับนักพัฒนาเว็บไซต์มือใหม่ HTML , CSS และการใช้ Tools ต่างๆ ในการพัฒนาเว็บไซต์

Moderator: mindphp

OneLifeBegin
PHP Full Member
PHP Full Member
โพสต์: 31
ลงทะเบียนเมื่อ: 17/04/2012 11:31 am

รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย OneLifeBegin »

ตอนนี้ผมมีตัว calendar ทั้งของ .css และ .js แล้วครับ แล้วทีนี้ผมเรียกเอามาใช้งานในตัว main หลักของผมไม่เป็น ที่ผมต้องการในหน้าหลักผมคือให้ user สามารถ เลือกวันที่เริ่มงานถึงวันที่เสจสิ้นงานได้ครับ รบกวนช่วยอธิบายทีครับว่า รูป calendar จะต้องใส่โค้ดอะไรบ้าง ส่วนกล่อง txt box ที่แสดงค่าต้องใส่โค้ดอะไรเพื่อโชว์ค่าบ้าง แล้วก็เราต้องใช้ตัวไหนบ้างครับระหว่าง .css กับ .js ต้องแก้โค้ดภายในของมันมั้ย ขอบคุณสำหรับทุกคอมเม้นที่สละเวลามาช่วยแสดงความคิดเห็นครับ :-D
ภาพประจำตัวสมาชิก
mindphp
ผู้ดูแลระบบ MindPHP
ผู้ดูแลระบบ MindPHP
โพสต์: 41126
ลงทะเบียนเมื่อ: 22/09/2008 6:18 pm
ติดต่อ:

Re: รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย mindphp »

ใช้ calendar ตัวไหนหรอครับ
ติดตาม VDO: http://www.youtube.com/c/MindphpVideoman
ติดตาม FB: https://www.facebook.com/pages/MindphpC ... 9517401606
หมวดแชร์ความรู้: https://www.mindphp.com/forums/viewforum.php?f=29
รับอบรม และพัฒนาระบบ: https://www.mindphp.com/forums/viewtopic.php?f=6&t=2042
OneLifeBegin
PHP Full Member
PHP Full Member
โพสต์: 31
ลงทะเบียนเมื่อ: 17/04/2012 11:31 am

Re: รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย OneLifeBegin »

นี่ครับ เป็น calendar ของที่ผมเคยใช้เรียน ไม่ทราบว่ามันจะเวิคมั้ย หรือถ้ามีตัวอื่นที่แนะนำก็รบกวนทีนะครับผม calendar ที่ต้องการใช้ในโปรแกรมคือลูกค้าสามารถเลือกวันเริ่มงานและวันสิ้นสุดงานได้ครับ

ขอบคุณครับ

นี่คือ calendar.css ครับ

โค้ด: เลือกทั้งหมด

#calendar
{
	width: 241px;
	height: 165px;
	text-align: center;
	margin: 5px auto;
	border: 1px solid #f2f2f2;
	background-color: #f3f8ff;
	position: absolute;
}

ul
{
	list-style-type: none;
	margin:0;
	padding:0;
}
.months, .emptM, .headDay, .dayNormal, .dayBlank, .dayDisabled, .dayWeekend, .dayCurrent, .yearBrowse, .monthDisabled, .currMonth, #closeBtn  
{
	margin: 1px 0 0 1px;
	padding: 0;
	width: 39px;
	height: 14px;
	line-height: 14px;
	float: left;
	text-align: center;
	background-color: #feefe4;
	color: #000;
	display: inline;
}
.emptM, .dayDisabled, .monthDisabled
{
	color: #d7d6d5;
	background-color: #f2f2f2;
}
.headDay
{
	color: #fff;
	background-color: #48688f;
	width: 33px;
}
.dayNormal, .dayBlank, .dayWeekend, .dayCurrent
{
	color: #fff;
	background-color: #70b0ff;
	width: 33px;
}
.dayBlank{background-color: #f3f8ff}
.dayWeekend{background-color: #ff6161}
.dayCurrent, .currMonth{background-color: #71d45b}
.dayDisabled{width: 33px}
#days{margin-left: 1px; width: 238px;}
#elements{height: 150px;}
.months a, #days a, .currMonth a{color: #000; text-decoration: none; display: block;}
.currMonth a{color: #FFF}
#days a{color: #fff;}
.yearBrowse, #closeBtn {width: 240px; background-color: #FFF; line-height: 14px;}
.yearBrowse a, #closeBtn a{text-decoration: none; color: #f30; font-weight: bold;}
.yearBrowse b{margin: 0 5px}
tohkai_php
PHP Sr. Member
PHP Sr. Member
โพสต์: 95
ลงทะเบียนเมื่อ: 10/04/2012 9:09 am

Re: รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย tohkai_php »

แนะนำ datepicker ของ jquery ใช้ง่าย สไตล์สวนมีหลายแบบ
ใช้ได้ทุก browser
OneLifeBegin
PHP Full Member
PHP Full Member
โพสต์: 31
ลงทะเบียนเมื่อ: 17/04/2012 11:31 am

Re: รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย OneLifeBegin »

ขอบคุณมากๆครับ ตอนนี้ได้ลอง datepicker ดูแล้วรู้สึกจะเวิคมากๆ ใครที่ติดลองหาข้อมูล datepicker ได้ที่นี่นะครับ http://www.ninenik.com/content.php?arti_id=212 ลงตัว css กับ js folder ไว้ที่งานของคุณแล้วก็ใช้แค่คำสั่งแรกก็ได้แล้วครับ แต่มีคำถามเพิ่มเติมครับ คือรูปแบบมันเป็น mm/dd/yyyy ผมต้องการเปลี่ยนเปน dd/mm/yyyy ต้องทำยังไงบ้างครับ ขอบคุณครับ
tohkai_php
PHP Sr. Member
PHP Sr. Member
โพสต์: 95
ลงทะเบียนเมื่อ: 10/04/2012 9:09 am

Re: รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย tohkai_php »

โค้ด: เลือกทั้งหมด

$( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/yyyy' }); 


ถ้าจะใส่ ปีไทยก็

โค้ด: เลือกทั้งหมด

		var now = new Date();     
		var firstDayPrevMonth = now.getYear(); 
		var yearthai = parseInt(firstDayPrevMonth + 543);
			 
		$( "#datepicker" ).datepicker({ dateFormat: 'dd/mm/'+yearthai});
OneLifeBegin
PHP Full Member
PHP Full Member
โพสต์: 31
ลงทะเบียนเมื่อ: 17/04/2012 11:31 am

Re: รบกวนถามเกี่ยวกับ calendar หน่อยครับ

โพสต์ที่ยังไม่ได้อ่าน โดย OneLifeBegin »

ขอบคุณมากๆครับ
ตอบกลับโพส

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 37