|
 |
| |
ได้ code ปฎิทินมาครับอยากแจกให้เพื่อนๆ แต่ติดปัญหาปุ่มกด |
| |
 |
|
|
 |
 |
|
พอดีไปเจอ code มาครับน่าสนใจ http://www.ninenik.com/content.php?arti_id=309
แต่พอเอามาใช้ ปรากฏว่ามันไม่มีปุ่มให้กดเรียก ui
ท่านใดพอให้ความช่วยเหลือบ้างครับ เผื่อเป็นประโยชน์แก่ผู้ที่ต้องการใช้ครับ เลยนำมาแบ่งปัน
Code (PHP)
<!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" />
<title>jquery ui datepickerภาษาไทย ปี พ.ศ.</title>
<link rel="stylesheet" type="text/css" href="css/smoothness/jquery-ui-1.7.2.custom.css">
<style type="text/css">
/* Overide css code กำหนดความกว้างของปฏิทินและอื่นๆ */
.ui-datepicker{
width:170px;
font-family:tahoma;
font-size:11px;
text-align:center;
}
</style>
</head>
<body>
<input type="text" name="dateInput" id="dateInput" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.7.2.custom.min.js"></script>
<script type="text/javascript">
$(function(){
var dateBefore=null;
$("#dateInput").datepicker({
dateFormat: 'dd-mm-yy',
showOn: 'button',
buttonImage: 'http://jqueryui.com/demos/datepicker/images/calendar.gif',
buttonImageOnly: true,
dayNamesMin: ['อา', 'จ', 'อ', 'พ', 'พฤ', 'ศ', 'ส'],
monthNamesShort: ['มกราคม','กุมภาพันธ์','มีนาคม','เมษายน','พฤษภาคม','มิถุนายน','กรกฎาคม','สิงหาคม','กันยายน','ตุลาคม','พฤศจิกายน','ธันวาคม'],
changeMonth: true,
changeYear: true ,
beforeShow:function(){
if($(this).val()!=""){
var arrayDate=$(this).val().split("-");
arrayDate[2]=parseInt(arrayDate[2])-543;
$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
}
setTimeout(function(){
$.each($(".ui-datepicker-year option"),function(j,k){
var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
$(".ui-datepicker-year option").eq(j).text(textYear);
});
},50);
},
onChangeMonthYear: function(){
setTimeout(function(){
$.each($(".ui-datepicker-year option"),function(j,k){
var textYear=parseInt($(".ui-datepicker-year option").eq(j).val())+543;
$(".ui-datepicker-year option").eq(j).text(textYear);
});
},50);
},
onClose:function(){
if($(this).val()!="" && $(this).val()==dateBefore){
var arrayDate=dateBefore.split("-");
arrayDate[2]=parseInt(arrayDate[2])+543;
$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
}
},
onSelect: function(dateText, inst){
dateBefore=$(this).val();
var arrayDate=dateText.split("-");
arrayDate[2]=parseInt(arrayDate[2])+543;
$(this).val(arrayDate[0]+"-"+arrayDate[1]+"-"+arrayDate[2]);
}
});
});
</script>
</body>
</html>
พอนำมาใช้ มันขึ้นเฉพาะ textbox รับค่า แต่ไม่มีปุ่มกดเรียกใช้งานครับผม
Tag : PHP, JavaScript
|
ประวัติการแก้ไข
2012-11-08 09:34:12
|
 |
 |
 |
 |
| Date :
2012-11-08 09:29:49 |
By :
nutsza |
View :
2828 |
Reply :
2 |
|
 |
 |
 |
 |
|
|
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ดาวน์โหลด
http://www.ninenik.com/css/smoothness/jquery-ui-1.7.2.custom.css
ไปไว้ที่ folder css
---------------------------------
ดาวน์โหลด
http://www.ninenik.com/js/jquery-1.3.2.min.js
http://www.ninenik.com/js/jquery-ui-1.7.2.custom.min.js
ไปไว้ที่ folder js
--------------------------------- 
|
| |
|
|
| |
| Date :
2012-11-08 14:13:58 |
By :
iieszz |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ได้แล้วครับผม 
|
ประวัติการแก้ไข
2012-11-09 09:29:24
| |
|
|
| |
| Date :
2012-11-09 09:19:10 |
By :
nutsza |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 04
|
