การใช้งาน Datepicker by Jquery UI + ASP.NET

เริ่มแรกเราต้องไปโหลด Jquery UI และ Jquery มาก่อนนะครับ
Jquery UI ไปที่ http://jqueryui.com/download
สามารถเลือก theme ที่เราชอบได้ตามต้องการเลยครับ
ส่วน jquery ไปที่ http://jquery.com ครับ
หรือ ว่าหากไม่ต้องการ download ก็สามารถ ใช้งานผ่าน

Google Ajax API CDN

http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js
Microsoft CDN
http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.2.min.js
jQuery CDN (via Media Temple)
http://code.jquery.com/jquery-1.5.2.min.js Minified version
http://code.jquery.com/jquery-1.5.2.js Source version

ส่วน jquery UI ก้มีเช่นกันครับ

jQuery UI Library -
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.js
jQuery UI Library (Minified) - http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/jquery-ui.min.js
jQuery UI Base CSS - http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/themes/base/jquery-ui.css
jQuery Localization -
http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.10/i18n/jquery-ui-i18n.min.js


เริ่มแรก ให้เราสร้าง function jquery ไว้ที่ head ก่อน





<link type="text/css" href="../css/flick/jquery-ui-1.8.5.custom.css" rel="stylesheet" />






ส่วนของ html




To:


จะสังเกตุว่าผมใช้ control แบบ html แต่ว่าเติม runat="server" เข้าไปเพื่อจะได้ใช้เรียกจาก code behide ได้
เวลาใช้จะเป็น startdate.Value เป็นต้น
เมื่อแสดงผลจะได้



การใช้งาน dataTable plugin jquery in ASP.NET + Jquery UI Style

ไม่มีความคิดเห็น: