Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 109,037

HOME > .NET Framework > Forum > สอบถามเกี่ยวกับการนำข้อมูล วัน/เดือน/ปี จากฐานข้อมูล มากำหนด minDate ใน Jquery Datepicker



 

สอบถามเกี่ยวกับการนำข้อมูล วัน/เดือน/ปี จากฐานข้อมูล มากำหนด minDate ใน Jquery Datepicker

 



Topic : 065759



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



สถานะออฟไลน์




วัตถุประสงค์: กำหนด minDate ใน Datepicker โดยนำข้อมูล วัน/เดือน/ปี ขึ้นมาจากฐานข้อมูล

แนวคิด: โดยปกติ ถ้าจะกำหนด minDate ก็จะเขียนโค้ดในรูปแบบนี้

Code (JavaScript)
minDate: new Date(2011, 8, 1)

แต่ วัน/เดือน/ปี ที่ดึงขึ้นมาจากฐานข้อมูลแสดงอยู่ใน TextBox เป็น Format dd/MM/yyyy และเป็นปี พ.ศ.
*** ตัวอย่าง: 01/09/2554 ***

ผมก็เลยเขียนฟังก์ชั่นในการแปลง Format ในอยู่ในรูปแบบ yyyy, MM, dd และเป็นปี ค.ศ.
*** ตัวอย่าง: 2011, 8, 1 ***

ปัญหา: ผมจะเรียกใช้ฟังก์ชั่น conDate() ได้อย่างไร? และใช้ event ไหน? ลองเขียนโค้ดแบบด้านล่างมันก็ไม่ทำงาน
อยากให้มันทำงานทันทีเมื่อมีข้อมูล Load เข้าไปใน Textbox หรือเมื่อมีการเปลี่ยน วัน/เดือน/ปี ใหม่

Code (C#)
txtInitialDateServiced.Attributes.Add("onBlur", "conDate(this)");
txtInitialDateServiced.Attributes.Add("onChange", "conDate(this)");
txtInitialDateServiced.Attributes.Add("onLoad", "conDate(this)");

ตัว TextBox ได้ถูก Enable = False ไว้เพื่อไม่ให้แก้ไขข้อมูล ไม่ทราบว่าจะเกี่ยวกันไหม ที่มันไม่ทำงาน?
แต่ถ้าเปิดให้คีย์ข้อมูล และใช้ Event onChange ปรากฎว่าก็สามารถทำงานได้ตามปกติ

Code (JavaScript)
<script type="text/javascript">
        $function conDate(obj) {
            var Date = obj.value;
            Date += '';
            x = Date.split('/');
            x1 = x[0];
            x2 = x[1] - 1;
            x3 = x[2] > 2500 ? x[2] - 543 : x[2];
            obj.value = x3 + ', ' + x2 + ', ' + x1;
        });
    </script>

    <script type="text/javascript">
        $(function () {
            var d = new Date();
            var toDay = d.getDate() + '/' +
            (d.getMonth() + 1) + '/' +
            (d.getFullYear() + 543);
            var minDay = conDate("#<%=txtInitialDateServiced.ClientID %>");

            $.datepicker.setDefaults({
                dateFormat: 'dd/mm/yy',
                isBuddhist: true,
                defaultDate: toDay,
                dayNames: ['อาทิตย์', 'จันทร์', 'อังคาร', 'พุธ', 'พฤหัสบดี', 'ศุกร์', 'เสาร์'],
                dayNamesMin: ['อา.', 'จ.', 'อ.', 'พ.', 'พฤ.', 'ศ.', 'ส.'],
                monthNames: ['มกราคม', 'กุมภาพันธ์', 'มีนาคม', 'เมษายน', 'พฤษภาคม', 'มิถุนายน', 'กรกฎาคม', 'สิงหาคม', 'กันยายน', 'ตุลาคม', 'พฤศจิกายน', 'ธันวาคม'],
                monthNamesShort: ['ม.ค.', 'ก.พ.', 'มี.ค.', 'เม.ย.', 'พ.ค.', 'มิ.ย.', 'ก.ค.', 'ส.ค.', 'ก.ย.', 'ต.ค.', 'พ.ย.', 'ธ.ค.'],
                maxDate: toDay,
                showAnim: 'slideDown'
            });
            /* Datepicker Option: http://jqueryui.com/demos/datepicker/#options */

            $("#<%=txtSearchStartDate.ClientID %>").datepicker();
            $("#<%=txtSearchEndDate.ClientID %>").datepicker();
            $("#<%=txtSearchIssueFromDate.ClientID %>").datepicker();
            $("#<%=txtSearchIssueToDate.ClientID %>").datepicker();
            // var min = new Date(2008, 11 - 1, 1)
            $("#<%=txtStartDate.ClientID %>").datepicker({ minDate: new Date(minDay) });
            $("#<%=txtEndDate.ClientID %>").datepicker();
        });
    </script>


หมายเหตุ: ผมเพิ่งจะศึกษา JavaScript ขอคำแนะนำด้วยนะครับ ขอบคุณครับ



Tag : Ms SQL Server 2008, JavaScript, jQuery, C#, VS 2010 (.NET 4.x)









ประวัติการแก้ไข
2011-09-01 16:13:41
2011-09-01 16:21:16
2011-09-01 16:22:51
Move To Hilight (Stock) 
Send To Friend.Bookmark.
Date : 2011-09-01 16:12:47 By : Marcuz View : 1466 Reply : 0
 

   

ค้นหาข้อมูล


   
 

แสดงความคิดเห็น
Re : สอบถามเกี่ยวกับการนำข้อมูล วัน/เดือน/ปี จากฐานข้อมูล มากำหนด minDate ใน Jquery Datepicker
 
 
รายละเอียด
 
ตัวหนา ตัวเอียง ตัวขีดเส้นใต้ ตัวมีขีดกลาง| ตัวเรืองแสง ตัวมีเงา ตัวอักษรวิ่ง| จัดย่อหน้าอิสระ จัดย่อหน้าชิดซ้าย จัดย่อหน้ากึ่งกลาง จัดย่อหน้าชิดขวา| เส้นขวาง| ขนาดตัวอักษร แบบตัวอักษร
ใส่แฟลช ใส่รูป ใส่ไฮเปอร์ลิ้งค์ ใส่อีเมล์ ใส่ลิ้งค์ FTP| ใส่แถวของตาราง ใส่คอลัมน์ตาราง| ตัวยก ตัวห้อย ตัวพิมพ์ดีด| ใส่โค้ด ใส่การอ้างถึงคำพูด| ใส่ลีสต์
smiley for :lol: smiley for :ken: smiley for :D smiley for :) smiley for ;) smiley for :eek: smiley for :geek: smiley for :roll: smiley for :erm: smiley for :cool: smiley for :blank: smiley for :idea: smiley for :ehh: smiley for :aargh: smiley for :evil:
Insert PHP Code
Insert ASP Code
Insert VB.NET Code Insert C#.NET Code Insert JavaScript Code Insert C#.NET Code
Insert Java Code
Insert Android Code
Insert Objective-C Code
Insert XML Code
Insert SQL Code
Insert Code
เพื่อความเรียบร้อยของข้อความ ควรจัดรูปแบบให้พอดีกับขนาดของหน้าจอ เพื่อง่ายต่อการอ่านและสบายตา และตรวจสอบภาษาไทยให้ถูกต้อง

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

Notice

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

   
  เพื่อความปลอดภัยและการตรวจสอบ กระทู้ที่แทรกไฟล์อัพโหลดไฟล์จากที่อื่น อาจจะถูกลบทิ้ง
 
โดย
อีเมล์
บวกค่าให้ถูก
<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)







Exchange: นำเข้าสินค้าจากจีน, Taobao, เฟอร์นิเจอร์, ของพรีเมี่ยม, ร่ม, ปากกา, power bank, แฟลชไดร์ฟ, กระบอกน้ำ

Load balance : Server 02
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่