OiO.lk Blog HTML Blazor input number does not respect step
HTML

Blazor input number does not respect step


the input is always showing 4 decimal places. Is there a way to limit it to 2?

I’ve tried doing a math.round at the database, I’ve tried using formatting of f2, it does not seem that anything I try will get the thing to limit to 2 decimal places.

https://blazorfiddle.com/s/kxdymons

@page "/"
<h1>Counter</h1>

<p>Current count: @currentCount</p>

<button class="btn btn-primary" @onclick="IncrementCount">Click me</button>
<input type="number"
       step="0.01"
       class="rounded no-spinner p-2 text-right w-full"
       @bind="currentCount" />

@functions {
    decimal currentCount = 0.0001m;

    void IncrementCount()
    {
            currentCount = currentCount + 1.2m;
    }
}



You need to sign in to view this answers

Exit mobile version