จากบทความ Date Input Calendar ไม่รู้มีคนอ่านรึเปล่า – -”
เลยกลายมาเป็น extension ตัวนี้ครับ
ติดตั้ง extension
ไม่เขียนละว่าทำไง ก็ดับเบิ้ลคลิก ok yes จบตามวิธีคนไทยครับ
เนี่องจาก extension ตัวนี้เป็น extension ประเภท object ซึ่งปกติตัว extension จะ genarate ไฟล์ถึง 4 ไฟล์
สำหรับ extension ตัวนี้ผมไม่ได้ pack ไฟล์ 4 ไฟล์นี้ไปให้ ต้องไป download ไฟล์จากเว็บคนทำมาเตรียมไว้ใน folder ตามรูปข้างบนครับ
เริ่มใช้
หลังจากติดตั้งและเตรียมไฟล์กันเรียบร้อยมาเริ่มใช้งานกันเลยครับ โดยเริ่ม include javascript(DateInput.js)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="/js/calendar/DateInput.js"></script>
</head>
<body>
<form>
</form>
</body>
</html>
แทรกปฏิทินโดยคลิกที่ปุ่มตามรูปนะครับ
จะมีหน้าต่าง popup ขึ้นมาตามรูปนี้
ระบุ parameter กันตามต้องการน่าจะใช้กันเป็น
หลังจากนั้น extension จะ genarate javascript ให้ดังนี้ครับ
วันเกิดของคุณ :
<script type='text/javascript'>DateInput('date', true, 'YYYY-MM-DD');</script>
<noscript>
<input type='text' name='date' />
</noscript>
หน้าตาก็จะออกมาประมาณนี้
ลอง test ผ่านทาง browser ดูนะครับ
ลองคลิกที่รูปปฏิทิน
แค่นี้ก็น่าจะเข้าใจกันแล้ว เหนื่อยเลยครับ wordpress ตัวใหม่แม่งแทรกรูปยาก
Download
ผมไม่ได้อัพให้ดาว์นโหลด กันนะครับ ใครอยากได้โพสแนะนำตัวไว้ที่เว็บนิดนึงครับเดี๋ยวผมส่งให้ทางเมล์
Natz says:
สวัสดีครับ
Oct 04, 2008, 9:25 pmชื่อแนทครับ
ลองทำเองแล้ว เดือนมันไม่เลื่อนครับ
รบกวนขอ extension ด้วยครับ
George says:
ผมอยากได้ Extension นี้เหมือนกันครับ
Oct 04, 2008, 12:37 pmปฏิทินดูเรียบดี แล้วก็ไม่ยุ่งยาก
อย่าลืมส่งเข้าเมล์มาให้ผมด้วยนะคับ ขอบคุณคับ
chok says:
ลองทำแล้วไม่ได้ขอ Ext ตัวนี้ด้วยครับ ขอบคุณครับ
Oct 04, 2008, 12:28 pmadmin says:
ส่งให้แล้วทางเมล์นะครับ
Oct 04, 2008, 10:16 amจิ้ม says:
ขอตอนนี้ยังทันหรือเปล่าค่ะ…
Oct 04, 2008, 11:04 pmถ้ายังไงรบกวนส่ง Extension ตัวนี้ให้หน่อยได้หรือเปล่า?
ขอบคุณล่วงหน้าค่ะ
ss says:
ccccDDDDDccccc
Oct 04, 2008, 5:31 pmtik says:
ต้องการด่วนค่ะ ขอบุณมากะคะ
Oct 04, 2008, 10:20 pmtik says:
ต้องการด่วนค่ะ ขอบคุณมากนะคะ
Oct 04, 2008, 10:21 pmadmin says:
ขออภัยตอบช้า ดันทำไฟล์หาย
http://www.dexdev.com/wp-content/uploads/2010/01/calendar.zip
Oct 04, 2008, 7:27 pm