|
 |
| |
ทำยังไง ผมถึงจะเรียกใช้ Class แบบนี้หลายๆๆ ตัวได้ครับ |
| |
 |
|
|
 |
 |
|
ลองใช้ Css ดูครับน่าจะใช้ได้นะครับ
|
 |
 |
 |
 |
| Date :
2011-01-28 12:16:27 |
By :
l3eel2 |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
| |
|
|
|
| |
|
ปุ่มเพิ่มเขียนแบบไหนครับ datepicker ใช้อะไร
|
| |
|
|
| |
| Date :
2011-01-28 12:19:05 |
By :
PlaKriM |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
<input name="startDate2[]" class="date-picker" id="startDate2_2" size="15"/>
id ต้องเป็น unique
|
| |
|
|
| |
| Date :
2011-01-28 12:51:25 |
By :
:) |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ส่วนนี้คือตารางครับ
<table width="767" border="0" cellpadding="1" cellspacing="1" bordercolor="#000000" bgcolor="#000000" class="style1" id="myTbl4">
<tr>
<td width="447" height="31" bordercolor="#000000" bgcolor="#EEEEEE"><div align="center"><strong>กิจกรรม</strong></div></td>
<td width="317" bordercolor="#000000" bgcolor="#EEEEEE"><div align="center"><strong>ระยะเวลา (เดือน)</strong></div></td>
</tr>
<tr id="firstTr4">
<td height="31" bordercolor="#000000" bgcolor="#EEEEEE">-
<label>
<input name="activity_name[]" type="text" id="activity_name" size="65" class="inputproject" />
</label></td>
<td bordercolor="#000000" bgcolor="#EEEEEE">
<div align="center">ตั่งแต่
<input name="startDate2[]" class="date-picker" id="startDate2[]" size="15" style="background-color: #99FFFF; text-align:center;" />
ถึง<input name="endDate2[]" class="date-picker" id="endDate2[]" size="15" style="background-color:#99FFFF; text-align:center;" />
</div></td>
</tr>
</table>
<p> <button id="addRow4" type="button">+</button>
<button id="removeRow4" type="button">-</button>
***********************
นี้คือ javascript เพิ่มแถว
$(function(){
$("#addRow4").click(function(){
$("#myTbl4").append($("#firstTr4").clone());
});
$("#removeRow4").click(function(){
if($("#myTbl4 tr").size()>1){
$("#myTbl4 tr:last").remove();
}else{
alert("ต้องมีรายการข้อมูลอย่างน้อย 1 รายการ");
}
});
});
***** ผมใช้แบบ Month Picker
<script type="text/javascript">
$(function() {
$('.date-picker').datepicker( {
changeMonth: true,
changeYear: true,
showButtonPanel: true,
dateFormat: 'mm-yy',
onClose: function(dateText, inst) {
var month = $("#ui-datepicker-div .ui-datepicker-month :selected").val();
var year = $("#ui-datepicker-div .ui-datepicker-year :selected").val();
$(this).datepicker('setDate', new Date(year, month, 1));
}
});
});
</script>
<style>
.ui-datepicker-calendar {
display: none;
}
</style>
|
| |
|
|
| |
| Date :
2011-01-28 13:24:52 |
By :
the_cop |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
<input name="startDate2[]" class="date-picker" id="startDate2_1" size="15"/>
************ แต่ผมลองยังงี้ ทั่ง 6 ตัว Script มันก็ทำงานหมดอยู่นะครับ
แต่ในกรณี Code ของผมที่ เพิ่ม ตารางทำไหม มันถึงทำไม่ได้
|
| |
|
|
| |
| Date :
2011-01-29 01:16:25 |
By :
the_cop |
|
|
| |
|
|
|
|
|
| |
|
|
|
| |
|
|
|
| |
|
ขอบคุณครับผม
|
| |
|
|
| |
| Date :
2011-02-01 11:02:24 |
By :
the_cop |
|
|
| |
|
|
|
|
|
| |
|
|
|
|
|
| |
|
 Load balance : Server 05
|
