JS asp:TextBox日期选择触发JS事件
时间: 2024-10-27 18:12:06 浏览: 26
asp.net TextBox回车触发事件 图片在img显示
在ASP.NET Web Forms中,如果你想创建一个`asp:TextBox`控件并允许用户通过点击选择日期,通常会结合使用`<asp:Calendar>`控件或者JavaScript库如jQuery UI Datepicker。以下是基本步骤:
1. 首先,在HTML上创建一个`asp:TextBox`,设置其`type`属性为`text`,以便用户输入文本:
```html
<asp:TextBox ID="txtDate" runat="server" />
```
2. 添加`asp:Calendar`控件,它会在需要时提供日历弹出框让用户选择日期:
```html
<asp:Calendar ID="calDate" runat="server" ClientIDMode="Static">
</asp:Calendar>
```
或者使用JavaScript库时,可以添加一个`<input type="text">`元素配合事件处理:
```html
<input type="text" id="txtDatePicker" />
```
3. 使用JavaScript(例如jQuery UI Datepicker)绑定事件到日期选择:
```javascript
<script>
$(function () {
$('#txtDatePicker').datepicker({
onSelect: function (selectedDate) {
// selectedDate就是用户选择的日期
var date = $(this).val(); // 获取选定日期并存入TextBox
$('#txtDate').val(date);
}
});
});
</script>
```
4. 如果你想在服务器端获取用户选择的日期,需要在后端页面(如C#的.aspx.cs文件)中处理PostBack事件,从`txtDate.Text`中读取。
阅读全文