如何禁用datepicker中小于特定日期的日期 [英] How to disable dates in datepicker that are less than a particular date
问题描述
大家好，
如何在datepicker中禁用小于特定日期的日期，并在App.xaml中为所有日期选择器处理日期。我使用了DisplayDateStart属性。但是，如果用户输入的日期少于特定日期，我想清除它。请告诉我是否有可能。
试试这是确认代码：
1.首先添加java脚本到头部分
< script type = text / javascript >
function checkDate（sender，args）{
if（sender._selectedDate < new 日期（）） {
alert（你 不能 < span class =code-attribute> 选择 a day 早期 比 今天！）;
sender._selectedDate = new Date（）;
< span class =code-attribute> // set date back to 当前 date
< span class =code-attribute> sender._textbox.set_Value（sender._selectedDate.format（sender._format））
}
< span class =code-attribute>}
< / script >
2.然后将其称为日期选择器：
< asp：TextBox ID < span class =code-keyword> = TextBox1 runat = server > < / asp：TextBox >
< asp：CalendarExtender ID = TextBox1_CalendarExtender OnClientDateSelectionChanged < span class =code-keyword> = checkDate runat = server
TargetControlID = TextBox1 >
< / asp：CalendarExtender >
< / form >
结束：
我还为所有页面代码更好地为您提供不足：
<前la ng =xml> <％@ Page 语言 = C＃ AutoEventWireup = true CodeFile = testFinal.aspx.cs 继承 = ArunHome_Design_testFinal ％>
<％@ 注册 汇编 = AjaxControlToolkit namespace = AjaxControlToolkit tagprefix = asp ％>
< ！DOCTYPE html PUBLIC - // W3C / / DTD XHTML 1.0 Transitional // EN http：// www .w3.org / TR / xhtml1 / DTD / xhtml1-transitional.dtd >
< html xmlns = http://www.w3.org/1999/xhtml < span class =code-keyword>>
< head runat = 服务器 >
< script type = text / javascript >
function checkDate（sender，args）{
if （sender._selectedDate< new 日期（））{
alert（ 您不能选择比今天更早的一天！）;
sender._selectedDate = new 日期（）;
// 将日期设置回当前日期
sender._textbox。 set_Value（sender._selectedDate.format（sender._format））
}
}
< / 脚本 >
< / head >
< body >
< 表格 id = form1 runa t = server >
<％ - < iframe src =http：// www.cricinfo.comheight =700pxwidth =700px>< / iframe> - ％>
< asp：ToolkitScriptManager < span class =code-attribute> ID = ToolkitScriptManager1 runat = server >
< / asp：ToolkitScriptManager >
< br / >
< asp：TextBox ID = TextBox1 runat = server > < / asp：TextBox >
< asp：CalendarExtender ID = TextBox1_CalendarExtender OnClientDateSelectionChanged = checkDate runat = server
TargetControlID = TextBox1 >
< / asp：CalendarExtender >
< span class =code-keyword>< / form >
< / body >
< / html >
尝试 WPF验证 [ ^ ]
Hi All,
How can I disable dates in datepicker that are less than a particular date and handled in App.xaml for all datepickers. I used DisplayDateStart property. But, if user entered the date less than a particular date, I want to clear it. Please, let me know if it is possible.
try this it is confirm code:
1. First add java script to head section
<script type="text/javascript"> function checkDate(sender, args) { if (sender._selectedDate < new Date()) { alert("You cannot select a day earlier than today!"); sender._selectedDate = new Date(); // set the date back to the current date sender._textbox.set_Value(sender._selectedDate.format(sender._format)) } } </script>
2.then call it into date picker like this:
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:CalendarExtender ID="TextBox1_CalendarExtender" OnClientDateSelectionChanged="checkDate" runat="server" TargetControlID="TextBox1"> </asp:CalendarExtender> </form>
Its End:
I Also put all page code for better understating for you:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="testFinal.aspx.cs" Inherits="ArunHome_Design_testFinal" %> <%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="asp" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <script type="text/javascript"> function checkDate(sender, args) { if (sender._selectedDate < new Date()) { alert("You cannot select a day earlier than today!"); sender._selectedDate = new Date(); // set the date back to the current date sender._textbox.set_Value(sender._selectedDate.format(sender._format)) } } </script> </head> <body> <form id="form1" runat="server"> <%-- <iframe src="http://www.cricinfo.com" height="700px" width="700px"></iframe>--%> <asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"> </asp:ToolkitScriptManager> <br /> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <asp:CalendarExtender ID="TextBox1_CalendarExtender" OnClientDateSelectionChanged="checkDate" runat="server" TargetControlID="TextBox1"> </asp:CalendarExtender> </form> </body> </html>
Try WPF Validation[^]
这篇关于如何禁用datepicker中小于特定日期的日期的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
