|
|
|
สอบถามเรื่อง ใช้jquery datepicker หลายๆบรรทัดครับโดยใช้ each วนลูป |
|
|
|
|
|
|
|
ใช้ bootstrap หรือครับ .datetimepicker
<table class='date'>
<tbody>
<tr><td><input type='text' name='date1' /></td></tr>
<tr><td><input type='text' name='date2' /></td></tr>
<tr><td><input type='text' name='date3' /></td></tr>
</tbody>
</table>
<script type="text/javascript">
<?php
for($i=1; $i<=3; ++$i){
echo "$(\"input[name='date$i']\").datetimepicker({ \n",
"dateFormat: 'yy-mm-dd',\n",
"timeFormat: 'HH:mm:ss',\n",
"stepHour: 1,\n",
"stepMinute: 1,\n",
"stepSecond: 1\n",
"})\n\n";
}
?>
</script>
|
|
|
|
|
Date :
2013-10-11 15:15:33 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.datetimepicker ครับ
|
|
|
|
|
Date :
2013-10-11 15:17:49 |
By :
kenghockey |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
jquery plugin ส่วนใหญ่มันจะทำการ each ให้กับ element ที่อยู่ใน matched set อยู่แล้วครับ เราไม่จำเป็นต้องไป each แล้วสร้างมันทีละตัว
Code (PHP)
<input class="datepicker" name="date1" value="2013-10-11" />
<input class="datepicker" name="date2" value="2013-10-12" />
<input class="datepicker" name="date3" value="2013-10-13" />
<script>
// ทำ input element ทุกตัวที่มี class datepicker ให้เป็น datepicker
// แต่ละตัวจะมีค่าของมันเอง จาก attribute value
// แต่ใช้ option เดียวกัน ไม่ต้องเรียกหลายครั้ง ซึ่งทำงานเร็วกว่าไป each สร้างทีละตัว
$("input.datepicker").datepicker({ dateFormat: "yy-mm-dd" });
</script>
และผมคิดว่า datetimepicker (หรือ plugin อื่นๆ) ก็น่าจะเหมือนกัน เพราะ jquery เขาแนะนำหลักการสร้าง plugin อยู่ ซึ่งจะใช้แนวทางเดียวกันนี้เหมือนกันหมด เวลาผมเขียน jquery plugin ก็ใช้แนวทางนี้เหมือนกัน
|
|
|
|
|
Date :
2013-10-11 15:54:27 |
By :
phpinfo() |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
จริงๆแล้วแบบที่คุณ phpinfo() ก็ทำงานได้ปกติน่ะครับ แต่ทดลองกับ datepicker ธรรมดา
<table>
<tbody>
<tr><td>
<input type='text' name='date1' class='datepick' /></td>
</tr>
<tr><td>
<input type='text' name='date2' class='datepick' /></td>
</tr>
<tr><td>
<input type='text' name='date3' class='datepick' /></td>
</tr>
</tbody>
</table>
<script type="text/javascript">
$(document).ready(function(){
$("input.datepick").datepicker({dateFormat:'yy-mm-dd'});
});
</script>
|
|
|
|
|
Date :
2013-10-11 22:20:17 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 00
|