<!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> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script> function showDays() { var start = $('#arr_date').datepicker('getDate'); var end = $('#dep_date').datepicker('getDate'); if (!start || !end) return; var days = Math.floor((((end - start) % 31536000000) % 2628000000)/86400000); var months = Math.floor(((end - start)% 31536000000)/2628000000); var years = Math.floor((end - start)/31536000000); $('#num_nights_d').val(days); $('#num_nights_m').val(months); $('#num_nights_y').val(years); } $("#arr_date").datepicker({ dateFormat: 'dd-mm-yy', onSelect: showDays }); $("#dep_date").datepicker({ dateFormat: 'dd-mm-yy', onSelect: showDays }); </head> <body> <p> <input type="text" id="arr_date"> <input type="text" id="dep_date"> </p> <p>Day : <input type="text" id="num_nights_d" readonly="readonly" > </p> <p> Month : <input type="text" id="num_nights_m" readonly="readonly"> </p> <p> Year : <input type="text" id="num_nights_y" readonly="readonly"> </p> </body> </html>
$(document).ready(function(){ 20.$("#arr_date").datepicker({ 21.dateFormat: 'dd-mm-yy', 22.onSelect: showDays 23.}); 24.$("#dep_date").datepicker({ 25.dateFormat: 'dd-mm-yy', 26.onSelect: showDays 27.}); }
<!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> <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script> function showDays() { var start = $('#arr_date').datepicker('getDate'); var end = $('#dep_date').datepicker('getDate'); if (!start || !end) return; var days = Math.floor((((end - start) % 31536000000) % 2628000000)/86400000); var months = Math.floor(((end - start)% 31536000000)/2628000000); var years = Math.floor((end - start)/31536000000); $('#num_nights_d').val(days); $('#num_nights_m').val(months); $('#num_nights_y').val(years); } $(document).ready(function(){ $("#arr_date").datepicker({ dateFormat: 'dd-mm-yy', onSelect: showDays }); $("#dep_date").datepicker({ dateFormat: 'dd-mm-yy', onSelect: showDays }); }) </script> </head> <body> <p> <input type="text" id="arr_date"> <input type="text" id="dep_date"> </p> <p>Day : <input type="text" id="num_nights_d" readonly="readonly" > </p> <p> Month : <input type="text" id="num_nights_m" readonly="readonly"> </p> <p> Year : <input type="text" id="num_nights_y" readonly="readonly"> </p> </body> </html>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง