Forgot Password ??

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

	Registered : 109,027

HOME > .NET Framework > Forum > อยากทราบว่า สามารถใช้ datepicker ของ jquery ใน edit gridview หรือไม่ ค่ะ

อยากทราบว่า สามารถใช้ datepicker ของ jquery ใน edit gridview หรือไม่ ค่ะ

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

Nutgomgom

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

อยากทราบว่า สามารถใช้ datepicker ของ jquery ใน edit gridview หรือไม่ ค่ะ
ถ้าได้มีวิธีทำ ยังไงบ้างอ่าค่ะ

ขอบคุณค่ะ

Tag : .NET, jQuery, VB.NET

Date : 2013-04-30 12:37:29

By : nuchkamol

View : 970

Reply : 2

No. 1

Programmer Of Persia

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

Code (ASP)

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!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 runat="server">
    <title></title>
    <link rel="Stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
    <script>
      $(function() {        
        $("#<%=GridView1.ClientID %>").find("input:text[id$=txtDate]").datepicker();
      });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
      <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false">
        <Columns>
          <asp:TemplateField>
            <HeaderTemplate>
              Date Sample
            </HeaderTemplate>
            <ItemTemplate>                          
                          <asp:TextBox ID="txtDate" runat="server" Text='<%#Bind("Date1") %>'/>
            </ItemTemplate>
          </asp:TemplateField>
        </Columns>
      </asp:GridView>
    </div>
    </form>
</body>
</html>

Code (C#)

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page {

  protected void Page_Load ( object sender , EventArgs e ) {

    if ( !IsPostBack ) {
      System.Data.DataTable dt = new System.Data.DataTable();
      dt.Columns.Add( "Date1" );
      for ( int i = 0 ; i < 10 ; ++i ) {
        dt.Rows.Add( new object[] { DateTime.Now.AddDays(i).ToString("dd/MM/yyyy") } );
      }
      GridView1.DataSource = dt;
      GridView1.DataBind();
    }
  }
}

ลองเอาไปรันดูครับ

Date : 2013-04-30 23:05:53

By : SandKing

No. 2

Nutgomgom

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

ขอบคุณมากค่ะ

Date : 2013-05-02 14:17:12

By : nuchkamol

ค้นหาข้อมูล

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

Re : อยากทราบว่า สามารถใช้ datepicker ของ jquery ใน edit gridview หรือไม่ ค่ะ

รายละเอียด

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

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

Notice

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

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

โดย

อีเมล์

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

<= ตัวเลขฮินดูอารบิก เช่น 123 (หรือล็อกอินเข้าระบบสมาชิกเพื่อไม่ต้องกรอก)

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

Load balance : Server 04