ASP.NET日期字段 - 在输入期间保留“/”？
我正在为我的公司构建我的第一个ASP.NET Web应用程序（之前从未在C＃或ASP.NET中开发过任何东西），所以如果我问一些愚蠢的东西我很道歉 - 我搜索但是找不到任何东西相关性，但这很可能是因为我不知道该如何正确地搜索。
Anywho：我正在尝试开发一个“生日”字段，其中“mm / dd / yyyy”中的“/”在用户输入时在字段中保持固定/静态。
我现在拥有代码的方式，当用户开始输入任何信息时会被覆盖。
Birth Date:
<asp:TextBox runat="server" ID="birthday" Text='mm/dd/yyyy'/>
<asp:CompareValidator runat="server" ID="CompareValidator_birthday" Type="Date" Operator="DataTypeCheck" ControlToValidate="birthday" Text="Invalid Date" Display="Dynamic" Font-Bold="true" ForeColor="red" />
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator_birthday" ControlToValidate="birthday" Text="Required" Display="Dynamic" Font-Bold="true" ForeColor="red"/>
我真的不想使用JQuery datepicker或类似的东西;我们的用户非常多样化，有些人可能会发现使用这种困难。我试图让它们尽可能简单：
在用户输入时保持“/”的日期字段，并按照我已经完成的预加载“mm / dd / yyyy”。我不知道这种情况的恰当用语是什么。
谢谢！
1 个答案:
答案 0 :(得分：1)
D Stanley 建议使用MaskedEditExtender正是我所要求的。
但是： ConnorsFan 的解决方案最终是我为“出生日期”的特殊情况所选择的。
我实际上已将这两个建议合并到我的项目的不同位置，所以这就是我如何做到这两点：
这就是我所拥有的，然后是运行它的代码（带有验证器和所有）
<div class="col-xs-6 text-right">
<b>Date of Birth:</b><br>
</div>
<div class="col-xs-6">
<asp:DropDownList ID="DropDownList_bday_month" runat="server" class="form-control" style="max-width:125px">
<asp:ListItem Value="">Month</asp:ListItem>
<asp:ListItem Value="1">January</asp:ListItem>
<asp:ListItem Value="2">February</asp:ListItem>
<asp:ListItem Value="3">March</asp:ListItem>
<asp:ListItem Value="4">April</asp:ListItem>
<asp:ListItem Value="5">May</asp:ListItem>
<asp:ListItem Value="6">June</asp:ListItem>
<asp:ListItem Value="7">July</asp:ListItem>
<asp:ListItem Value="8">August</asp:ListItem>
<asp:ListItem Value="9">September</asp:ListItem>
<asp:ListItem Value="10">October</asp:ListItem>
<asp:ListItem Value="11">November</asp:ListItem>
<asp:ListItem Value="12">December</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator
runat="server"
ID="RequiredFieldValidator_bday_month"
ControlToValidate="DropDownList_bday_month"
Text="Required"
ErrorMessage="Birthday (Month) is Required on tab 1"
class="text-right"
Display="Dynamic"
Font-Bold="true"
ForeColor="red"
ValidationGroup="ValidationGroup_Main" />
<asp:DropDownList ID="DropDownList_bday_day" runat="server" class="form-control" style="max-width:75px">
<asp:ListItem Value="">Day</asp:ListItem>
<asp:ListItem Value="1">1</asp:ListItem>
<asp:ListItem Value="2">2</asp:ListItem>
<asp:ListItem Value="3">3</asp:ListItem>
<asp:ListItem Value="4">4</asp:ListItem>
<asp:ListItem Value="5">5</asp:ListItem>
<asp:ListItem Value="6">6</asp:ListItem>
<asp:ListItem Value="7">7</asp:ListItem>
<asp:ListItem Value="8">8</asp:ListItem>
<asp:ListItem Value="9">9</asp:ListItem>
<asp:ListItem Value="10">10</asp:ListItem>
<asp:ListItem Value="11">11</asp:ListItem>
<asp:ListItem Value="12">12</asp:ListItem>
<asp:ListItem Value="13">13</asp:ListItem>
<asp:ListItem Value="14">14</asp:ListItem>
<asp:ListItem Value="15">15</asp:ListItem>
<asp:ListItem Value="16">16</asp:ListItem>
<asp:ListItem Value="17">17</asp:ListItem>
<asp:ListItem Value="18">18</asp:ListItem>
<asp:ListItem Value="19">19</asp:ListItem>
<asp:ListItem Value="20">20</asp:ListItem>
<asp:ListItem Value="21">21</asp:ListItem>
<asp:ListItem Value="22">22</asp:ListItem>
<asp:ListItem Value="23">23</asp:ListItem>
<asp:ListItem Value="24">24</asp:ListItem>
<asp:ListItem Value="25">25</asp:ListItem>
<asp:ListItem Value="26">26</asp:ListItem>
<asp:ListItem Value="27">27</asp:ListItem>
<asp:ListItem Value="28">28</asp:ListItem>
<asp:ListItem Value="29">29</asp:ListItem>
<asp:ListItem Value="30">30</asp:ListItem>
<asp:ListItem Value="31">31</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator
runat="server"
ID="RequiredFieldValidator_bday_day"
ControlToValidate="DropDownList_bday_day"
Text="Required"
class="text-right"
Display="Dynamic"
Font-Bold="true"
ForeColor="red"
ValidationGroup="ValidationGroup_Main" />
<asp:DropDownList ID="DropDownList_bday_year" runat="server" class="form-control" style="max-width:80px">
<asp:ListItem Value="">Year</asp:ListItem>
<asp:ListItem Value="1930">1930</asp:ListItem>
<asp:ListItem Value="1931">1931</asp:ListItem>
<asp:ListItem Value="1932">1932</asp:ListItem>
<asp:ListItem Value="1933">1933</asp:ListItem>
<asp:ListItem Value="1934">1934</asp:ListItem>
<asp:ListItem Value="1935">1935</asp:ListItem>
<asp:ListItem Value="1936">1936</asp:ListItem>
<asp:ListItem Value="1937">1937</asp:ListItem>
<asp:ListItem Value="1938">1938</asp:ListItem>
<asp:ListItem Value="1939">1939</asp:ListItem>
<asp:ListItem Value="1940">1940</asp:ListItem>
<asp:ListItem Value="1941">1941</asp:ListItem>
<asp:ListItem Value="1942">1942</asp:ListItem>
<asp:ListItem Value="1943">1943</asp:ListItem>
<asp:ListItem Value="1944">1944</asp:ListItem>
<asp:ListItem Value="1945">1945</asp:ListItem>
<asp:ListItem Value="1946">1946</asp:ListItem>
<asp:ListItem Value="1947">1947</asp:ListItem>
<asp:ListItem Value="1948">1948</asp:ListItem>
<asp:ListItem Value="1949">1949</asp:ListItem>
<asp:ListItem Value="1950">1950</asp:ListItem>
<asp:ListItem Value="1951">1951</asp:ListItem>
<asp:ListItem Value="1952">1952</asp:ListItem>
<asp:ListItem Value="1953">1953</asp:ListItem>
<asp:ListItem Value="1954">1954</asp:ListItem>
<asp:ListItem Value="1955">1955</asp:ListItem>
<asp:ListItem Value="1956">1956</asp:ListItem>
<asp:ListItem Value="1957">1957</asp:ListItem>
<asp:ListItem Value="1958">1958</asp:ListItem>
<asp:ListItem Value="1959">1959</asp:ListItem>
<asp:ListItem Value="1960">1960</asp:ListItem>
<asp:ListItem Value="1961">1961</asp:ListItem>
<asp:ListItem Value="1962">1962</asp:ListItem>
<asp:ListItem Value="1963">1963</asp:ListItem>
<asp:ListItem Value="1964">1964</asp:ListItem>
<asp:ListItem Value="1965">1965</asp:ListItem>
<asp:ListItem Value="1966">1966</asp:ListItem>
<asp:ListItem Value="1967">1967</asp:ListItem>
<asp:ListItem Value="1968">1968</asp:ListItem>
<asp:ListItem Value="1969">1969</asp:ListItem>
<asp:ListItem Value="1970">1970</asp:ListItem>
<asp:ListItem Value="1971">1971</asp:ListItem>
<asp:ListItem Value="1972">1972</asp:ListItem>
<asp:ListItem Value="1973">1973</asp:ListItem>
<asp:ListItem Value="1974">1974</asp:ListItem>
<asp:ListItem Value="1975">1975</asp:ListItem>
<asp:ListItem Value="1976">1976</asp:ListItem>
<asp:ListItem Value="1977">1977</asp:ListItem>
<asp:ListItem Value="1978">1978</asp:ListItem>
<asp:ListItem Value="1979">1979</asp:ListItem>
<asp:ListItem Value="1980">1980</asp:ListItem>
<asp:ListItem Value="1981">1981</asp:ListItem>
<asp:ListItem Value="1982">1982</asp:ListItem>
<asp:ListItem Value="1983">1983</asp:ListItem>
<asp:ListItem Value="1984">1984</asp:ListItem>
<asp:ListItem Value="1985">1985</asp:ListItem>
<asp:ListItem Value="1986">1986</asp:ListItem>
<asp:ListItem Value="1987">1987</asp:ListItem>
<asp:ListItem Value="1988">1988</asp:ListItem>
<asp:ListItem Value="1989">1989</asp:ListItem>
<asp:ListItem Value="1990">1990</asp:ListItem>
<asp:ListItem Value="1991">1991</asp:ListItem>
<asp:ListItem Value="1992">1992</asp:ListItem>
<asp:ListItem Value="1993">1993</asp:ListItem>
<asp:ListItem Value="1994">1994</asp:ListItem>
<asp:ListItem Value="1995">1995</asp:ListItem>
<asp:ListItem Value="1996">1996</asp:ListItem>
<asp:ListItem Value="1997">1997</asp:ListItem>
<asp:ListItem Value="1998">1998</asp:ListItem>
<asp:ListItem Value="1999">1999</asp:ListItem>
<asp:ListItem Value="2000">2000</asp:ListItem>
<asp:ListItem Value="2001">2001</asp:ListItem>
<asp:ListItem Value="2002">2002</asp:ListItem>
<asp:ListItem Value="2003">2003</asp:ListItem>
<asp:ListItem Value="2004">2004</asp:ListItem>
<asp:ListItem Value="2005">2005</asp:ListItem>
<asp:ListItem Value="2006">2006</asp:ListItem>
<asp:ListItem Value="2007">2007</asp:ListItem>
<asp:ListItem Value="2008">2008</asp:ListItem>
<asp:ListItem Value="2009">2009</asp:ListItem>
<asp:ListItem Value="2010">2010</asp:ListItem>
<asp:ListItem Value="2011">2011</asp:ListItem>
<asp:ListItem Value="2012">2012</asp:ListItem>
<asp:ListItem Value="2013">2013</asp:ListItem>
<asp:ListItem Value="2014">2014</asp:ListItem>
<asp:ListItem Value="2015">2015</asp:ListItem>
<asp:ListItem Value="2016">2016</asp:ListItem>
<asp:ListItem Value="2017">2017</asp:ListItem>
<asp:ListItem Value="2018">2018</asp:ListItem>
<asp:ListItem Value="2019">2019</asp:ListItem>
<asp:ListItem Value="2020">2020</asp:ListItem>
</asp:DropDownList>
<asp:RequiredFieldValidator
runat="server"
ID="RequiredFieldValidator_bday_year"
ControlToValidate="DropDownList_bday_year"
Text="Required"
class="text-right"
Display="Dynamic"
Font-Bold="true"
ForeColor="red"
ValidationGroup="ValidationGroup_Main" />
</div>
在另一个名为“报告日期”的字段中，我有以下代码，这是我在发布此主题时最初寻找的内容（包括日期验证表达式，以确保它们不会进入超过12的月份或者超过31岁的那天：
打字时会留下“/”。
<div class="col-xs-6 text-right">
<b>Reported Date:</b><br>
</div>
<div class="col-xs-6">
<asp:TextBox
runat="server"
ID="TextBox_ReportedDate"
class="form-control"
style="max-width:125px" />
<asp:RegularExpressionValidator
ID="RegularExpressionValidator_ReportedDate"
runat="server"
ControlToValidate="TextBox_ReportedDate"
ErrorMessage="Invalid date"
ValidationExpression="^^((0[1-9])|(1[0-2]))\/((0[1-9])|(1[0-9])|(2[0-9])|(3[0-1]))\/(\d{4})$"
Display="Dynamic"
SetFocusOnError="True"
Font-Bold="true"
ForeColor="red" />
<ajaxToolkit:MaskedEditExtender ID="maskededitextender_ReportedDate" runat="server" TargetControlID="TextBox_ReportedDate" Mask="99/99/9999" MaskType="Date" AcceptNegative="None" />
</div>
感谢大家的帮助！我希望这篇文章对其他人有用。
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？