2014-12-30 39 views
0

我的項目中有三個AJAX日曆控件(開始日期,結束日期和生效日期)。選擇格式爲dd/MM/yyyy hh:mm:ss tt的日期。我想添加以下客戶端驗證:驗證asp.net中的datetime字段

  1. 結束日期應該大於或等於開始日期。
  2. 生效日期應該大於結束日期。

我試過使用CompareValidator,但它沒有幫助,因爲它不允許我比較時間。

是否有任何解決方法可以在客戶端實現此驗證。

+0

你能張貼'起始日期/結束日期/ EffectiveDate'的樣本?我假設你正在面對'轉換Date對象'。 – Shubh

+0

將該值轉換爲日期類型會產生奇怪的結果。以下是立即窗口輸出的結果:?document.getElementById(「txtCompletionDate」)。value「2014年12月12日12:37:21」?new Date(document.getElementById(「txtCompletionDate」)。value)Sun Oct 12 12:37:21 UTC + 0530 2014 [原型]:無效日期在將值轉換爲日期類型時,有什麼方法可以指定日期格式嗎? –

回答

0

你可以做這樣的使用jquery

//First check that textboxes are not empty 
if($('input[id$=txtEndDate]').val()=="") 
{ 
//Enter end date 
return; 
} 
var endDate=new Date($('input[id$=txtEndDate]').val()); 
var startDate=new Date($('input[id$=txtStartDate]').val()); 
var effctDate=new Date($('input[id$=txtEffectiveDate]').val()); 

if(endDate>=startDate) 
{ 
//your code 
} 
else 
{ 

} 
if(effctDate>endDate) 
{ 
//your code 
} 
else 
{ 

} 

使用JavaScript

//First check that textboxes are not empty 
if(document.getElementById("txtEndDate").value=="") 
{ 
//Enter end date 
return; 
} 
var endDate=new Date(document.getElementById("txtEndDate").value); 
var startDate=new Date(document.getElementById("txtStartDate").value); 
var effctDate=new Date(document.getElementById("txtEffectiveDate").value); 

if(endDate>=startDate) 
{ 
//your code 
} 
else 
{ 

} 
if(effctDate>endDate) 
{ 
//your code 
} 
else 
{ 

} 
+0

我試過這段代碼,但是我收到了「JavaScript運行時錯誤:'$'未定義。 –

+0

你需要在你的頁面中添加jquery文件 – Mairaj

+0

@MandarPatil你添加了jquery文件嗎? – Mairaj