ถามเกี่ยวกับ datepicker ใน jquery ครับ

ถาม-ตอบ แนะนำไอเดียว โค้ดตัวอย่าง แนวทาง วิธีแก้ปัญหา ถามเกี่ยวกับ datepicker ใน jquery ครับ

ถามเกี่ยวกับ datepicker ใน jquery ครับ

ตอนนี้ผมทำ inline calendar ที่สามารถ select week by week (ยกตัวอย่างในที่นี้จะ select เฉพาะวันจันทร์ของทุกweek)

แต่ปัญหาคือไม่รู้ว่าจะส่งค่าของวันไปยัง database ยังไง (หลังจากที่เลือกวันแล้วอยากให้ link ไปหน้าของวันที่เลือก)

ขอบคุณมากครับ

นี่ code inline calendar ครับที่select week by week และ แสดงผลเฉพาะวันจันทร์ของทุก week

<script type="text/javascript">
 $("document").ready(function() {
  var mon = null;
  var sun = null;
  
  $('#datepicker').datepicker({onSelect: findWeek, beforeShowDay: disableWeek, firstDay: 1});
  
   function findWeek() {
      mon = $(this).datepicker('getDate');
      if (mon) {
      mon.setDate(mon.getDate() + 1 - (mon.getDay() || 7));
      sun = new Date(mon.getTime());
      sun.setDate(sun.getDate() + 6);
      }
      $("#datepicker_value").val(mon);
   }
  
   function disableWeek(date) {
      return [!mon || mon.getTime() > date.getTime() || sun.getTime() < date.getTime(), ''];
   }
 });
</script>



Takari 27-09-2010 22:13:58

คำแนะนำ และการใช้งาน

สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก


  • ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
  • เปลี่ยน


    ( หรือ เข้าใช้งานผ่าน Social Login )

 ความคิดเห็นที่ 1

ในคำถาม มีคำถาม

โค้ดที รัน

ผมทำ inline calendar ที่สามารถ select week by week (ยกตัวอย่างในที่นี้จะ select เฉพาะวันจันทร์ของทุกweek) ----- ?

แต่ปัญหาคือไม่รู้ว่าจะส่งค่าของวันไปยัง database ยังไง ----- ?

(หลังจากที่เลือกวันแล้วอยากให้ link ไปหน้าของวันที่เลือก) ----- ?

ลองกำหนดเป้าหมายอีกที..



Ninenik 28-09-2010
 ความคิดเห็นที่ 2

จาก code ด้านบน(โค้ดที รัน)ถ้าใส่ code ข้างล่างเข้าไปจะเป็นแบบ inline แต่จะต่างกันเล็กน้อยตรงที่

ไม่ว่า user จะ select วันไหนก็ตาม calendar จะ highlight mon-sun ของweek นั้นๆ และ  return ค่า

เฉพาะ mon ของ week นั้นๆมายัง textfield

<div id="datepicker"></div>

 <p>Date Value: <input type="text" id="datepicker_value" /></p>

ต่อจากข้างบน textfield เป็นแค่ตัวอย่าง

ถ้าสมมติว่าไม่มี textfieldในที่นี้จะมีแต่ inline datepicker และเมื่อ user

select วันไหนก็ตามของweek นั้นๆแล้วแทนที่จะ return ค่า mon ของ

week นั้นๆมายัง textfield แต่ให้ insert ค่าของ mon ไปยัง database แทน

และ skip over ไปยังหน้าใหม่ที่จะ select ค่าของ mon จาก database มา display

ขอบคุณครับ



takari 29-09-2010 23:06
 ความคิดเห็นที่ 3
function findWeek() {
  mon = $(this).datepicker('getDate');
  if (mon) {
  mon.setDate(mon.getDate() + 1 - (mon.getDay() || 7));
  sun = new Date(mon.getTime());
  sun.setDate(sun.getDate() + 6);
  }
  
// ไฟล์ update_data.php ใช้ติดต่อกับฐานข้อมูลแล้วก็รับค่าตัวแปร post ชื่อ $_POST['mon']
// นำไปบันทึกลงฐานข้อมูล พอบันทึกข้อมูลเสร็จก็ให้ลิ้งไปยังหน้าที่ดึงข้อมูลมาแสดง
  $.post("update_data.php",{mon:mon},function(data){
      window.location='page_show.php';
  });
  
//  $("#datepicker_value").val(mon);
}

 



Ninenik 30-09-2010
1






เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ