1

我有一个 kendo ui datepicker,我希望我选择的日期应该显示在标签中。我想将选定的日期绑定到标签。我必须在我的 .cs 页面中添加哪些代码?

 <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> 
4

1 回答 1

2

更改<input id="date" />为 asp.net 控件,例如:

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

然后获取文本框的渲染ID:

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

asp:label在这里没有帮助,意思是不回发您获得的日期值。在后面的代码中,您使用txtDate.Text

但是,如果您实际上不想将值放在标签上,则可以change剑道日期选择器用作:

<script type="text/javascript">
   $(document).ready(function() {
        $("#date").kendoDatePicker({
            change: function(e) {
                $("#<%=lblDate.ClientID%>").text($("#date").val());
            }
        });                
   });
 </script> 
于 2012-10-29T09:30:00.277 回答