javascript日期时间选择器验证帮助

javascript日期时间选择器验证帮助,javascript,validation,datetimepicker,Javascript,Validation,Datetimepicker,这是我的一个小表单,它是一个提交按钮、一个文本框和一个javascript日期选择器 它所做的是,他们选择日期,单击提交,然后将选择的日期放入查询字符串中 我只想添加一条错误消息,如果日期格式不正确,则格式应为11-05-2010 或者有没有一种方法,当他们点击日期时,它会跳过将文本放入文本框然后单击提交的过程。他们是否可以选择日期并自动链接到: <form name=dateform method="get"></br> <p>Enter Date: <

这是我的一个小表单,它是一个提交按钮、一个文本框和一个javascript日期选择器

它所做的是,他们选择日期,单击提交,然后将选择的日期放入查询字符串中

我只想添加一条错误消息,如果日期格式不正确,则格式应为11-05-2010

或者有没有一种方法,当他们点击日期时,它会跳过将文本放入文本框然后单击提交的过程。他们是否可以选择日期并自动链接到:

<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>