幫助javascript的日期時間選擇器驗證

這是一個小表格，我有一個提交按鈕的文本框和JavaScript日期選擇器。幫助javascript的日期時間選擇器驗證

它所做的是他們選擇日期，點擊提交，它將選定的日期放入查詢字符串很好。

我只是想添加一個錯誤信息，如果日期格式不正確，格式應該是11-05-2010。

或者也許有辦法，當他們點擊日期時，它會跳過將文本放入文本框然後點擊提交的過程。難道他們只是選擇的日期和它autmatically鏈接：

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

來源

2010-11-05 MyHeadHurts

我建議你使用TIGRA日曆，它是一個可以與任何輸入類型選擇器日曆='文本'html。我已經創造了一些函數調用TIGRA日曆（我已經改名爲isocalendar，因爲日期格式我使用）：

function showIsoCalendar(formName, txtInputName, calendar_page){ 
    try 
    { 
     var objtxt = document.forms[formName].elements[txtInputName]; 
     showIsoCalendarBase(objtxt, calendar_page); 
    } catch(err) {/*DO-NOTHING*/} 
} 
function showIsoCalendarBase(objtxt, calendar_page){ 
    try 
    { 
     var isocal = new isocalendar(objtxt); 
      isocal.year_scroll = true; 
      isocal.time_comp = false;   
      isocal.calendar_page = (calendar_page != null ? calendar_page : 'isocalendar.html'); 
     var wnd = isocal.popup(); 
     wnd.moveTo(450, 300); 
    } catch(err) {/*DO-NOTHING*/} 
}

通過修改日曆的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>

來源

2010-11-05 20:10:11 ArBR

我其實使用TIGRA，我的問題是不是日曆的一部分，但確保文本框是以正確的格式，如果他們決定輸入日期而不使用datetimepicker。對不起，我不清楚。 – MyHeadHurts 2010-11-05 20:15:02

我遇到了同樣的問題，我通過指出正確的格式[YYYYMMDD]來解決它，但它並不妨礙用戶以不同的格式輸入日期，但至少以正確的方式引導它們。在服務器端，您可以通過分析將日期轉換爲所需的格式。 – ArBR 2010-11-05 23:01:18

幫助javascript的日期時間選擇器驗證

回答

相關問題