javascript日期时间选择器验证帮助
这是我的一个小表单,它是一个提交按钮、一个文本框和一个javascript日期选择器 它所做的是,他们选择日期,单击提交,然后将选择的日期放入查询字符串中 我只想添加一条错误消息,如果日期格式不正确,则格式应为11-05-2010 或者有没有一种方法,当他们点击日期时,它会跳过将文本放入文本框然后单击提交的过程。他们是否可以选择日期并自动链接到:javascript日期时间选择器验证帮助,javascript,validation,datetimepicker,Javascript,Validation,Datetimepicker,这是我的一个小表单,它是一个提交按钮、一个文本框和一个javascript日期选择器 它所做的是,他们选择日期,单击提交,然后将选择的日期放入查询字符串中 我只想添加一条错误消息,如果日期格式不正确,则格式应为11-05-2010 或者有没有一种方法,当他们点击日期时,它会跳过将文本放入文本框然后单击提交的过程。他们是否可以选择日期并自动链接到: <form name=dateform method="get"></br> <p>Enter Date: <
<form name=dateform method="get"></br>
<p>Enter Date: <font size="1"><br></br>
ex:11-01-2010</font><br>
<input type="text" name="rundate" size="20"><a href="http://sfsdfsfsdfsfsf.com?action=home" onclick="location.href=this.href+'&rundate='+rundate;return false;"></a></li><input type="submit" value="Submit" name="B1">
</form>
<script language="JavaScript" src="calendar_us.js"></script>
<link rel="stylesheet" href="calendar.css">
<script language="JavaScript">
new tcal ({
// form name
'formname': 'dateform',
// input name
'controlname': 'rundate'
});
</script>
输入日期:
ex:11-01-2010
新tcal({
//表格名称
'formname':'dateform',
//输入名称
“controlname”:“rundate”
});
我建议您使用Tigra日历,它是一种可与任何输入类型的class='text'html关联的选择器日历。
我创建了一些函数来调用Tigra日历(我已重命名为isocalendar,因为我使用的是日期格式):
通过修改日历JavaScript,您可以自定义日历行为;通过修改HTML日历页面,您可以自定义演示文稿
即使在ASP.Net中,您也可以使用Tigra Calndar并将其与页面关联,如下所示:
<td style="width:130px;">
<asp:TextBox ID="TextFecha1" name="TextFecha1"
runat="server" Width="90px"></asp:TextBox>
<a href="javascript:showIsoCalendar('aspnetForm','ctl00$DefaultPlaceholder$TextFecha1');">
<img src="images/calendar/calendar.gif" alt="calendario"/>
</a>
</td>
我实际上使用的是tigra,我的问题不是日历部分,而是确保文本字段的格式正确,如果他们决定键入日期而不使用datetimepicker。抱歉,我不清楚。我也遇到了同样的问题,我通过指示正确的格式[YYYYMMDD]解决了这个问题,它不会阻止用户以不同的格式键入日期,但至少会以正确的方式引导他们。在服务器端,您可以通过解析将日期转换为所需的格式。
<td style="width:130px;">
<asp:TextBox ID="TextFecha1" name="TextFecha1"
runat="server" Width="90px"></asp:TextBox>
<a href="javascript:showIsoCalendar('aspnetForm','ctl00$DefaultPlaceholder$TextFecha1');">
<img src="images/calendar/calendar.gif" alt="calendario"/>
</a>
</td>