|
 |
| |
datpicker อยากให้มันเลือกได้ไม่ต่ำกว่าวันที่ปัจจุบัน---->>>และแบ่งปันเลิกน้อยสำหรับใครที่สนใจ |
| |
 |
|
|
 |
 |
|
คือ อันนี้มันเช็คได้แค่ว่า วันที่อันที่สองเลือกได้ไม่ต่ำกว่า วันที่อันแรก (((สำหรับใครที่ยังไม่มีก็เอาไปประยุกค์ได้ครับ)))
คำถามคือ : ถ้าจะให้วันที่อันแรกเลือกได้ไม่ต่ำกว่า วันที่ปัจจุบัน จะทำไงครับ
Code (JavaScript)
<script type="text/javascript">
$(function () {
var d = new Date();
var toDay = d.getDate() + '/' + (d.getMonth() + 1) + '/' + (d.getFullYear() + 543);
// กรณีต้องการใส่ปฏิทินลงไปมากกว่า 1 อันต่อหน้า ก็ให้มาเพิ่ม Code ที่บรรทัดด้านล่างด้วยครับ (1 ชุด = 1 ปฏิทิน)
$( "#from" ).datepicker({dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay, dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
//defaultDate: "w",
//changeMonth: true,
showButtonPanel: true,currentText: "ปัจจุบัน",closeText: "ยกเลิก",
numberOfMonths: 3,
onClose: function( selectedDate ) {
toDay: datepicker( "option", "maxDate", selectedDate );
$( "#to" ).datepicker( "option", "minDate", selectedDate );
}
});
$( "#to" ).datepicker({dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay, dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
//defaultDate: "w",
//changeMonth: true,
showButtonPanel: true,currentText: "ปัจจุบัน",closeText: "ยกเลิก",
numberOfMonths: 3,
onClose: function( selectedDate ) {
$( "#from" ).datepicker( "option", "maxDate", selectedDate );
}
});
});
</script>
Tag : JavaScript, jQuery
|
|
|
 |
 |
 |
 |
| Date :
2013-02-01 05:57:06 |
By :
tsab |
View :
2098 |
Reply :
10 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ได้แล้วขอบคุณทุก คอมเมนท์
|
| |
|
|
| |
| Date :
2013-02-09 21:48:00 |
By :
tsab |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เอาที่ได้มาโพสต์บอกบ้างดิ่ อยากรู้อ่ะครับ 
|
| |
|
|
| |
| Date :
2013-02-09 21:52:09 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เราสามารถเพิ่มอะไรก็ได้ (ไปศึกษาดูครับ)===>>>ง่ายกว่าที่คุณคิด....................จริงๆ
javascript/css ที่ใช้
<link type="text/css" href="css/jquery-ui-1.10.0.custom.css" rel="stylesheet" />
<link rel="stylesheet" href="css/css_datepicker/jquery.ui.all.css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.10.offset.datepicker.min.js"></script>
อันนี้ที่ลองทำดู.................
Code (JavaScript)
$(function () {
var d = new Date();
var toDay = d.getDate() + '/' + (d.getMonth() + 1) + '/' + (d.getFullYear() + 543);
// กรณีต้องการใส่ปฏิทินลงไปมากกว่า 1 อันต่อหน้า ก็ให้มาเพิ่ม Code ที่บรรทัดด้านล่างด้วยครับ (1 ชุด = 1 ปฏิทิน)
$( "#datepickerthai_in" ).datepicker({dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay, dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
//defaultDate: "w",
//changeMonth: true,
minDate: toDay,//กำหนดไม่ให้เลือกต่ำกว่าวันที่ปัจจุบัน
showButtonPanel: true,
currentText: "ปัจจุบัน",//เพิ่มปุ่มปัจจุบัน
closeText: "ยกเลิก",//เพิ่มปุ่มยกเลิก
numberOfMonths: 3,//เพิ่มหน้าปฏิทินที่จะแสดง
onClose: function( selectedDate ) {
$( "#datepickerthai_out" ).datepicker( "option", "minDate", selectedDate ); //ตรวจสอบห้าม มากกว่า ช่องที่ 2
}
});
$( "#datepickerthai_out" ).datepicker({dateFormat: 'dd/mm/yy', isBuddhist: true, defaultDate: toDay, dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
dayNamesMin: ['อา.','จ.','อ.','พ.','พฤ.','ศ.','ส.'],
monthNames: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
monthNamesShort: ['ม.ค.','ก.พ.','มี.ค.','เม.ย.','พ.ค.','มิ.ย.','ก.ค.','ส.ค.','ก.ย.','ต.ค.','พ.ย.','ธ.ค.'],
//defaultDate: "w",
//changeMonth: true,
showButtonPanel: true,
currentText: "ปัจจุบัน",
closeText: "ยกเลิก",
numberOfMonths: 3,
onClose: function( selectedDate ) {
$( "#datepickerthai_in" ).datepicker( "option", "maxDate", selectedDate );//ตรวจสอบห้าม น้อยกว่า ช่องที่ 1
}
});
});
|
| |
|
|
| |
| Date :
2013-02-09 22:58:28 |
By :
tsab |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
เล่นสีครับ
|
| |
|
|
| |
| Date :
2013-02-13 04:21:42 |
By :
tsab |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
|
| |
|
|
| |
| Date :
2013-02-13 08:24:51 |
By :
apisitp |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ลองใช้ตัวใหม่ๆ ตั้งค่านิดเดียวครับ
|
| |
|
|
| |
| Date :
2013-02-13 09:13:58 |
By :
ALTELMA |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
พอดีผมลองใช้ v. ใหม่หลายตัวอยู่...แต่ผมชอบ v. นี้ครับ
ส่วนใครสนใจ ใช้ v. ไหนก็ควรใช้ให้เป็นครับ.....สำคัญที่ใช้ให้เป็นครับ
อันนี้ผมเอา v. ใหม่ มาผสมกับ เก่า ครับ
|
| |
|
|
| |
| Date :
2013-02-13 22:14:50 |
By :
tsab |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
