C#에서 텍스트 상자를 클릭하여 캘린더를 표시하는 방법은 무엇입니까?

여기 웹 컨트롤을 사용하여 다른 곳의 다른 곳에서이 코드를 사용하려고하지만 다른 폼으로 드래그하려고 할 때 코드를보고 제게 말해주십시오. 잘못 될거야, 고마워.C#에서 텍스트 상자를 클릭하여 캘린더를 표시하는 방법은 무엇입니까?

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="calander.ascx.cs" Inherits="Facultymanagement.calander" %> 


<%--<%@ Import Namespace="AjaxControlToolkit" %>--%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head id="Head1" runat="server"> 
<title></title> 
<style type="text/css"> 
/*Calendar Control CSS*/ 
.cal_Theme1 .ajax__calendar_container { 
background-color: #DEF1F4; 
border:solid 1px #77D5F7; 
} 

.cal_Theme1 .ajax__calendar_header { 
background-color: #ffffff; 
margin-bottom: 4px; 
} 

.cal_Theme1 .ajax__calendar_title, 
.cal_Theme1 .ajax__calendar_next, 
.cal_Theme1 .ajax__calendar_prev { 
color: #004080; 
padding-top: 3px; 
} 

.cal_Theme1 .ajax__calendar_body { 
background-color: #ffffff; 
border: solid 1px #77D5F7; 
} 

.cal_Theme1 .ajax__calendar_dayname { 
text-align:center; 
font-weight:bold; 
margin-bottom: 4px; 
margin-top: 2px; 
color: #004080; 
} 

.cal_Theme1 .ajax__calendar_day { 
color: #004080; 
text-align:center; 
} 

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day, 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month, 
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year, 
.cal_Theme1 .ajax__calendar_active { 
color: #004080; 
font-weight: bold; 
background-color: #DEF1F4; 
} 

.cal_Theme1 .ajax__calendar_today { 
font-weight:bold; 
} 

    .cal_Theme1 .ajax__calendar_other, 
    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_today, 
    .cal_Theme1 .ajax__calendar_hover .ajax__calendar_title { 
    color: #bbbbbb; 
    } 
    </style> 
    </head> 
    <body> 
    <form id="form1" runat="server"> 
    <asp:ScriptManager ID="script" runat="server"> 
    </asp:ScriptManager> 
    <div> 
    <asp:TextBox ID="tbEndDate" runat="server" CausesValidation="true" ReadOnly="true" Width="175px" /> 
    <ajaxToolkit:CalendarExtender ID="CalendarExtender1" runat="server" TargetControlID="tbEndDate" CssClass= " cal_Theme1" /> 
    </div> 
    </form> 
    </body> 
    </html>

출처

2014-03-19 user3417203

이미 시도한 '(코드)'과 실패한 것을 보여주십시오. – Sadique

그리고 무엇이 문제입니까? –

http://www.aspdotnet-suresh.com/2012/06/ajax-calendar-extender-control-example.html –

당신은 텍스트 상자에 대한 아약스 일정 연장을 설정할 수 있습니다 ..

<asp:TextBox ID="dtpTransDate" runat="server" Width="90px"></asp:TextBox> 
    <asp:CalendarExtender ID="dtpTransDate_CalendarExtender" runat="server" 
    Enabled="True" Format="dd/MM/yyyy" TargetControlID="dtpTransDate"> 
    </asp:CalendarExtender>

출처

2014-03-19 09:40:30 Jameem

대답이 만족 스럽다면 답변으로 표시하십시오. – Jameem

또한 jQuery로 문제를 해결할 수 있습니다. 컨트롤이 마스터 페이지 의 하위 페이지에있는 경우

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 

<script> 
$(document).ready(function() { 
    $("#textboxid").datepicker(); 
}); 
</script> 

<asp:TextBox ID="textboxid" runat="server" Width="100px"></asp:TextBox>

다음 링크 아래의 jQuery 달력 체크를 위해 ClientIDMode

http://msdn.microsoft.com/en-us/library/system.web.ui.control.clientidmode(v=vs.110).aspx

을 위해 아래 링크를 ClientIDMode

<asp:TextBox ID="textboxid" runat="server" Width="100px" ClientIDMode="Static"></asp:TextBox>

확인을 사용

http://jqueryui.com/datepicker/

출처

2014-03-19 09:46:36 Narendra

C#에서 텍스트 상자를 클릭하여 캘린더를 표시하는 방법은 무엇입니까?

답변

관련 문제