To get the current data and time from client, use the date object (new Date()) in JavaScript using JavaScript Interop. It will return the browser’s date and time. Following is the code to get the current date and time from the client in Blazor WebAssembly.
[Index.razor]
@page "/"
@inject IJSRuntime JsRuntime
<p id="date-time"></p>
@code {
protected async override Task OnAfterRenderAsync(bool firstRender)
{
if (firstRender)
{
await JsRuntime.InvokeVoidAsync("GetDateTime");
}
}
} [index.html]
<body>
. . .
. . .
<script>
function GetDateTime() {
// Date object will return browser's date and time by default in JavaScript.
document.getElementById("date-time").innerHTML = new Date();
}
</script>
</body >
Share with