如何從這個特定的上下文中調用我的javascript功能

Question

誰能告訴我如何從以下範圍內調用該函數GetDuration：

@{ 
... 
... 
<div> GetDuration(@item.StartDate, @item.EndDate) </div> 
... 
... 
} 

功能GetDuration()動態創建DIV提到父內的另一個DIV在我的背景下。

我有2個問題：

• 我不知道如何從代碼中顯示的當場打電話給我的功能GetDuration()
• startdatum.Month.ToString("MMMM");回報"MMMM"代替月份名稱

提前致謝！

這是我的代碼：

<script type="text/javascript"> 

function GetDuration(startdatum, einddatum) { 
    var maand1 = startdatum.Month.ToString("MMMM"); 
    var maand2 = einddatum.Month.ToString("MMMM"); 
    var duration = "Date: "; 
    if (maand1 == maand2) { 
     duration += item.Startdate.Day.ToString() 
      + " - " + item.Enddate.Day.ToString() 
      + " " + maand1 
      + " " + item.Startdate.Year.ToString(); 
    } 
    else { 
     duration += item.Startdate.Day.ToString() 
      + item.Startdate.Month.ToString("MMMM") 
      + " - " + item.Enddate.Day.ToString() 
      + " " + item.Enddate.Month.ToString("MMMM") 
      + " " + item.Startdate.Year.ToString(); 
    } 
    var dynDiv = document.createElement("div"); 
    dynDiv.class = "HP_DateDiv"; 
    dynDiv.innerHTML = duration; 
    document.body.appendChild(dynDiv); 
} 

</script> 


    @{ string prevYear = ""; 

    foreach (var item in ViewData.Model) { 

     string year = item.StartDate.Year.ToString(); 
     if (year != prevYear) 
     { 
      <div class="contentheader"> 
       @year Formula 1 Tickets 
      </div> 

      prevYear = year; 
     } 
     <div class="HP_eventBodyDiv"> 
      <div class="HP_picDiv" style = "width:100px; height:100px;"> 
       <a href="http://www.cssdrive.com/" class="highlightit"><img src="../../Content/Pics/auto.jpg" alt="oto" height="50" width="50"/></a> 
      </div> 
      <div class="HP_eventDiv"> 
       <div class="HP_eventNameDiv">@item.Name 
      </div> 
<!--This is the spot to call my function with something like "GetDuration(@item.StartDate, @item.EndDate)"--> 
       <div class="HP_viewBuyBtnsDiv"> 
        <input id="btn_View" type="button" value="View Event" class="contentbtn"/> 
        <input id="btn_Buy" type="button" value="Buy Tickets" class="contentbtn"/> 
       </div> 
      </div> 
     </div>    

     }; 
    } 

Answer 1

我要看看我是否能解釋這一點給你。 Razor語法允許我們做一些很棒的事情，比如你對你的看法。在視圖中迭代集合的能力非常好，並且可以爲創建動態頁面提供一些很好的靈活性。 他們的服務器實際上是使用您提供的語法創建Razor視圖，然後將構建HTML頁面發送給客戶端。這包括腳本標籤。所以你試圖做的並不是真正的工作。你不能在@foreach中迭代調用JavaScript函數就像那樣，因爲頁面還沒有被渲染。 一旦Razor View完全形成，您應該只考慮使用Javascript。然後你可以使用JavaScript來編輯DOM。

所以我的建議是編輯說。讓服務器計算該屬性並將其與模型一起發送。

編輯：看着更新的代碼後

等待我認爲你要對這個錯誤的方式。我不明白你爲什麼使用JavaScript來計算你的持續時間。你應該編輯你正在通過的模型來包含持續時間，特別是如果它是這樣的計算字段。那麼您可以像其他任何屬性一樣顯示持續時間。

編輯2：

public class MyNewClass 
{ 
public DateTime StartDate {get;set;} 
public DateTime EndDate {get;set;} 
public int Duration 
{ 
get{ 
//Do your Logic Here with startdate and enddate 
} 
set; 
} 
}