|
 |
| |
ขอคำแนะนำหน่อยครับ เรื่องปฎิทิน 12 เดือน พร้อมปุ่ม next - prev |
| |
 |
|
|
 |
 |
|
Datepicker
|
 |
 |
 |
 |
| Date :
2012-10-01 13:15:14 |
By :
Krungsri |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
แก้ตรง numberOfMonths: [Row, Column] ถ้าอยากให้แสดงทั้ง 12 เดือน
ก็เปลี่ยนเป็น numberOfMonths: [3, 4]
ลองเอาไปประยุกต์ดูนะ
<!DOCTYPE html>
<html>
<head>
<link href="http://code.jquery.com/ui/1.7.3/themes/ui-lightness/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://code.jquery.com/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.8.23/jquery-ui.min.js"></script>
<script>
$(document).ready(function() {
var d = new Date();
var toDayth = d.getDate() + '/' + (d.getMonth() + 1) + '/' + (d.getFullYear() + 543);
var toDayeng = d.getFullYear() + '-' + (d.getMonth() + 1) + '-' + (d.getDate());
$("#datepickerth").datepicker({
dateFormat: 'dd/mm/yy', //ถ้าเปลี่ยน Format ต้องแก้ที่ toDayth ด้วย
isBuddhist: true,
defaultDate: toDayth,
dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
showAnim: "slideDown",
//changeMonth: true,
//changeYear: true,
numberOfMonths: [1, 3]
});
$("#datepickereng").datepicker({
dateFormat: 'yy-mm-dd', //ถ้าเปลี่ยน Format ต้องแก้ที่ toDayeng ด้วย
isBuddhist: true,
defaultDate: toDayeng,
dayNames: ["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"],
monthNames: ["January","February","March","April","May","June","July","August","September","October","November","December"],
monthNamesShort: ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
showAnim: "slideDown",
//changeMonth: true,
//changeYear: true,
numberOfMonths: [1, 3]
});
});
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="font-size:12px; font-family: Arial, Helvetica, sans-serif;">
<p><label for="datepicker">ภาษาไทย</label>
<input type="text" name="datepickerth" id="datepickerth"></p>
<p><label for="datepicker">ภาษาอังกฤษ</label>
<input type="text" name="datepickereng" id="datepickereng"></p>
</body>
</html>
|
ประวัติการแก้ไข
2012-10-01 16:46:40
| |
|
|
| |
| Date :
2012-10-01 16:44:07 |
By :
Krungsri |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
โอ๊วววว ขอบคุณมากๆครับ
เดี๋ยวจะลองไปประยุกต์ใช้ดู
|
| |
|
|
| |
| Date :
2012-10-01 19:16:25 |
By :
ICrazyMan |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 00
|
