<!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>Untitled Document</title> </head> <link rel="stylesheet" href="datetimepicker/bootstrap.css" media="screen"> <script src="datetimepicker/jquery-1.10.2.min.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script src="datetimepicker/bootstrap.min.js"></script> <script type="text/javascript" src="datetimepicker/moment.min.js"></script> <script type="text/javascript" src="datetimepicker/bootstrap-datetimepicker.js"></script> <link rel="stylesheet" type="text/css" media="screen" href="datetimepicker/bootstrap-datetimepicker.min.css"> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.1/css/font-awesome.css" rel="stylesheet"> <? $startDate = date("d-M-Y",strtotime($_GET['startDate'])); ?> <body> <form name="event-data" > <table align="center"> <tr> <td align="center" colspan="2">Event Data Date :: <?=$startDate?></td> </tr> <tr> <td> </td> </tr> <tr> <td>Descriptions :</td> <td><input name="title" size="40" /></td> </tr> <tr> <td>Type :</td> <td><select name="type" /> <option id="1" value="M01">(M01) Outsource</option> <option id="2" value="M02">(M02) Phone & Remote Support (CRM)</option> <option id="3" value="M03">(M03) Onsite Support (CRM)</option> <option id="4" value="M04">(M04) Preventive Maintenance</option> <option id="5" value="M05">(M05) Planning Project</option> <option id="6" value="M06">(M06) Tacking Job</option> <option id="7" value="M07">(M07) Meeting</option> <option id="8" value="I01">(I01) New Installation</option> <option id="9" value="I02">(I02) Testing</option> <option id="10" value="I03">(I03) Presale</option> <option id="11" value="I04">(I04) Trainer (internal/external)</option> <option id="12" value="I05">(I05) Training (internal/external)</option> <option id="13" value="T01">(T01) Other</option></td> </tr> <tr> <td>Time Start :</td> <td><input id="datetimepicker1" size="40" /></td> </tr> <tr> <td>Time Stop :</td> <td><input id="datetimepicker2" size="40" /></td> </tr> <tr> <td colspan="2" align="center"><input type="submit" value="Comfirm" /></td> </tr> <tr> <td><input id="datetimepicker1" /></td> <td><input id="datetimepicker2" /></td> </tr> </table> <script type="text/javascript"> $(function () { $('#datetimepicker1').datetimepicker({ icons: { time: "fa fa-clock-o", date: "fa fa-calendar", up: "fa fa-arrow-up", down: "fa fa-arrow-down" } ,format: 'DD-MM-YYYY HH:mm:00' }); }); $(function () { $('#datetimepicker2').datetimepicker({ icons: { time: "fa fa-clock-o", date: "fa fa-calendar", up: "fa fa-arrow-up", down: "fa fa-arrow-down" } ,format: 'DD-MM-YYYY HH:mm:00' }); }); </script> </form> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง