[Datedropper] ช่วยปรับแต่งการแสดงเวลา

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

วิธีใช้งานก็คือใส่โคดด้านล่างตรงส่วนหัว อย่าลืมใส่  jquery ด้วยนะครับ ตัวนี้ต้องใช้ด้วย

< script src=”js/datedropper.js”></script>
<link rel=”stylesheet” type=”text/css” href=”js/datedropper.css”>

ต่อไปใส่ตรงส่วน Body ที่ต้องการแสดงนะครับ โดยตรงนี้จะเป็นช่วงใส่เวลานั้นเอง

<input type=”text” id=”departure” />

สุดท้ายก็เอาตรงนี้ไปแทรกที่ส่วน footer ก็เป็นอันใช้งานได้แล้วครับ

$( “#departure” ).dateDropper();

ส่วนถ้าอยากปรับแต่งอะไรก็ลองเข้าไปดูตัวอย่างได้ที่เว็บของเจ้าของได้เลยนะครับ

Advertisements

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s