2012-10-29 33 views
1

我有一個kendo ui datepicker,我希望我的選擇日期應顯示在標籤中。我想將選定的日期綁定到標籤上。我必須在我的.cs頁面中添加哪些代碼?ken ui datepicker

<script type="text/javascript"> 
      $(document).ready(function() { 
       $("#date").kendoDatePicker(); 
      }); 
</script>  
</head> 
<body> 
<form id="form1" runat="server"> 
     <div style="width: 155px;"> 
      <input id="date" /> 
     </div> 
     <asp:Label ID="lblDate" runat="server" Text="Label"></asp:Label> 
</form> 
</body> 

回答

2

更改<input id="date" />到asp.net控制如:

<asp:TextBox ID="txtDate" runat="server" ></asp:TextBox> 

,然後得到的文本框中作爲渲染ID:

$("#<%=txtDate.ClientID%>").kendoDatePicker(); 

asp:label這裏沒有幫助,意思是不回收你獲得日期的價值。在你後面的代碼使用讀取文本框的值txtDate.Text

如何過,如果你確實慣於把標籤上的價值,你可以使用the change of the kendo日期選擇器如:

<script type="text/javascript"> 
    $(document).ready(function() { 
     $("#date").kendoDatePicker({ 
      change: function(e) { 
       $("#<%=lblDate.ClientID%>").text($("#date").val()); 
      } 
     });     
    }); 
</script> 
+0

但我想要的日期應該顯示在標籤中而不是文本框中。 – user1778868

+0

@ user1778868我已更新我的問題,直接回答問題。 – Aristos

+1

非常感謝。它對我很有用 – user1778868