ASP.NET TextBox控件日期格式,选择后在JavaScript中响应JS事件
时间: 2024-10-27 21:11:40 浏览: 19
asp.net TextBox控件设置ReadOnly后,不能回传。
ASP.NET TextBox控件本身并不直接支持日期格式的选择。然而,你可以通过组合服务器端的`DateTimePicker`控件或者使用`<input type="date">` HTML5元素来实现日期选择,并将其关联到TextBox。然后,可以使用JavaScript在用户选择了日期后绑定事件。
首先,如果你使用的是服务器端控件,如`DateTimePicker`,在C#代码中可以获取选中的日期并将其格式化为字符串。然后将这个字符串赋值给TextBox:
```csharp
DateTimePicker picker = new DateTimePicker();
picker.Value = DateTime.Now;
txtDate.Text = picker.Value.ToString("yyyy-MM-dd");
```
在JavaScript中,你可以监听`DateTimePicker`的`onChange`事件,或者TextBox的`onchange`事件,获取用户选择的日期并执行相应操作:
```javascript
document.getElementById('dateTimePicker').addEventListener('change', function (e) {
var selectedDate = document.getElementById('txtDate').value; // 获取TextBox的值
// 对日期做进一步处理,比如验证、存储或更新数据库
});
```
如果是在HTML5环境中,可以直接使用`<input type="date">`,则无需服务器配合,直接在前端处理:
```html
<input type="date" id="myDatePicker" />
<script>
document.getElementById('myDatePicker').addEventListener('change', function (event) {
var selectedDate = event.target.value; // 获取用户选择的日期
// 在这里处理selectedDate...
});
</script>
```
阅读全文