Forgot Password ??

PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone

	Registered : 109,027

HOME > PHP > PHP Forum > ช่วยด้วยครับ ใช้ function datediff แล้ว มันไม่ทำงาน

ช่วยด้วยครับ ใช้ function datediff แล้ว มันไม่ทำงาน

เริ่มหัวข้อใหม่

อาร์ม

โพสกระทู้ ( 39 )
บทความ ( 0 )

ตอนลองในเว็บ
http://jsfiddle.net/5BbGS/584/
มันก็ได้ พอลองก๊อปมาใส่ในไฟลืมันไม่ทำงานอ่ะครับ ฟอร์มให้กรอกก็ไม่ขึ้นมาด้วย
Code (PHP)

<!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>

Tag : PHP

Date : 2015-11-12 13:13:17

By : arm_s

View : 775

Reply : 4

No. 1

NewbieXYZ

โพสกระทู้ ( 1,636 )
บทความ ( 0 )

Code

$(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.});
}

เพิ่มสีแดง

เนื่องเพราะscriptอยู่บน ยังไม่เห็น id ใน body
ต้องรอให้โหลดให้เสร็จก่อนถึงจะเห็น
เลยจำเป็นต้องใช้ $(document).ready(); เป็นคำสั่งให้รอโหลดให้เสร็จ
ทำงานเหมือน <body onload="function()">

ประวัติการแก้ไข
2015-11-12 13:23:25

Date : 2015-11-12 13:20:39

By : NewbiePHP

No. 2

อาร์ม

โพสกระทู้ ( 39 )
บทความ ( 0 )

ส่วน input มันไม่ขึ้นอ่ะครับ งง ตรงนี้อีกที่นึง

Date : 2015-11-12 13:44:21

By : arm_s

No. 3

NewbieXYZ

โพสกระทู้ ( 1,636 )
บทความ ( 0 )

Code

หาโหลด 3 ตัวนี้มาใช้ครับ

Date : 2015-11-12 14:28:34

By : NewbiePHP

No. 4

อาร์ม

โพสกระทู้ ( 39 )
บทความ ( 0 )

ได้แล้วครับ ขอบคุณครับ
ลืมปิด </script> ตอนท้ายไป
และก็เพิ่ม
<link rel="stylesheet" type="text/css" href="js/jquery-ui-1.11.1/jquery-ui.min.css">
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.11.1/jquery-ui.js"></script>

Code (PHP)

<!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>

Date : 2015-11-12 14:47:27

By : arm_s

ค้นหาข้อมูล

แสดงความคิดเห็น

Re : ช่วยด้วยครับ ใช้ function datediff แล้ว มันไม่ทำงาน

รายละเอียด

เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

อัพโหลดแทรกรูปภาพ

Notice

เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ
อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง

เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง

โดย

อีเมล์

บวกค่าให้ถูก