그리드 뷰 편집 모드의 달력

Question

나는 sqldatasource를 사용하여 데이터베이스에 연결된 gridview를가집니다. gridview에 datetime 필드가 있습니다. 열을 편집 할 때 사용자가 수동으로 날짜를 입력하는 것을 원하지 않습니다. 먼저 캘린더에서 날짜를 선택하는 캘린더 팝업 또는 버튼이 필요합니다. 둘째, 시간 필드의 경우 캘린더에서 날짜를 선택할 때 시간을 선택할 수있는 템플릿 또는 GUI가 있습니까 ??

Answer 1

사용자가 입력 할 수 없으므로 javascipt 함수를 사용하고 해당 함수를 텍스트 상자의 onkeypress 및 onkeyup 이벤트에서 호출하십시오.

옵션 1 :

<script type="text/javascript"> 
function typingNotAllowed(CtrlID) 
    { 
    document.getElementById(CtrlID).value=""; 
    } 
</script> 

<form id="form1" runat="server"> 
    <div> 
    <input type="text" id="someid" onkeyup="typingNotAllowed(this.id)" /> 
    <asp:TextBox ID="TextBox1" runat="server" onkeyup="typingNotAllowed(this.id)"></asp:TextBox> 
    </div> 
</form> 

옵션 2 :

바로 뒤에로드 이벤트에서 코드에서 TextBox1.Attributes.Add("ReadOnly", "true");를 추가

옵션 3 : 위의 중 하나와 함께 사용 JQuery와 날짜 선택기 옵션 (두 요구 사항 모두에 적용 가능)

Answer 2

저는 AJAX Control Toolkit의 Calendar 컨트롤을 좋아합니다. AJAX Control Toolkit을 사용한 적이 없다면 정말 간단합니다. 다음은 달력 컨트롤에 대한 링크입니다. http://www.asp.net/ajaxLibrary/AjaxControlToolkitSampleSite/Calendar/Calendar.aspx

이 링크는 툴킷 링크로,이 링크는 툴킷 링크로 다운로드 할 수 있습니다. http://ajaxcontroltoolkit.codeplex.com/