<!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>test ajax</title> <script src="scripts/jquery-1.3.2.min.js"></script> <link rel="stylesheet" href="scripts/datepiker/jquery.ui.all.css" /> <script src="scripts/datepiker/jquery.ui.core.js"></script> <script src="scripts/datepiker/jquery.ui.widget.js"></script> <script src="scripts/datepiker/jquery.ui.datepicker.js"></script> <script type="text/javascript" > $(function() { $( "#datepicker" ).datepicker({ dateFormat: 'yy-mm-dd', gotoCurrent: true , buttonImageOnly: true , showAnim: 'show' }); $( "#datepicker2" ).datepicker({ dateFormat: 'yy-mm-dd', gotoCurrent: true , buttonImageOnly: true , showAnim: 'show' }); }); </script> <script type="text/javascript"> $(document).ready(function(){ $('#button').click(function(){ /*var row = $('<div id="nRow"><input type="text" name="datepicker" id="datepicker" /><input type="button" name="delete" id="delete" value="ลบ" /></div>'); $('#nRow').append(row);*/ var row = $('<div id="nRow"><input type="text" name="datepicker" id="datepicker"/><input type="button" name="delete" id="delete" value="ลบ" /></div>'); $('#nRow').append(row); }); $("input[type=button]#delete").live("click",function(){ $(this).parent().remove(); }); }) </script> <body> วัน : <select name="num_day" id="num_day" > <option value="0" selected="selected" > เลือกจำนวนวัน </option> <option value="1">1 วัน</option> <option value="2">2 วัน</option> <option value="3">3 วัน</option> <option value="4">4 วัน</option> <option value="5">5 วัน</option> <option value="6">6 วัน</option> <option value="7">7 วัน</option> <option value="8">8 วัน</option> <option value="9">9 วัน</option> <option value="10">10 วัน</option> </select> <br /> ช่วงเวลา : <select name="duration" id="duration"> <option value="0" selected="selected" > เลือกช่วงเวลา </option> <option value="1"> เช้า 8.30 - 12.00 น. </option> <option value="2"> บ่าย 13.00 - 16.30 น. </option> <option value="3"> ทั้งวัน 8.30 -16.30 น. </option> <option value="4"> เช้า/บ่าย </option> </select> <br /> <br /> <div id="nRow"> <font color="#FF0000"> *</font> ปปป-ดด-วว </font><br/> <input type="text" name="datepicker" id="datepicker" /> </div> ช่วงเวลา : <br/> <input type="button" name="button" id="button" value="เพิ่ม" /> </body> </html>
$( "#datepicker2" ).datepicker({ dateFormat: 'yy-mm-dd', gotoCurrent: true , buttonImageOnly: true , showAnim: 'show' });
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
