亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Blazor 以一種方式將值綁定到“輸入日期”

Blazor 以一種方式將值綁定到“輸入日期”

C#
慕的地6264312 2022-12-24 12:54:33
type="date"由于 Blazor 不支持停止事件傳播,因此我需要使用onchange事件處理程序對輸入元素進行單向綁定。是這樣的:<input type="date" value="@_endDate" format-value="yyyy-MM-dd" onchange="@EndDate_change"/>但這不起作用。該頁面包含 datePicker 但沒有任何值。“_endDate”是 DateTime 類型。如果我使用雙向綁定,那么一切正常。<input type="date" bind="@_endDate" format-value="yyyy-MM-dd"/>知道為什么第一個“輸入”不起作用嗎?是否有任何錯誤或者這是 blazor 中的錯誤?對于純文本,與 onchange 事件的單向綁定沒有問題。Edit1: _endDate 包含當前日期并設置為 DateTime.Nowprotected void EndDate_change(UIChangeEventArgs endDateEvent){    _endDate = Convert.ToDateTime(endDateEvent.Value);    StateHasChanged();}
查看完整描述

5 回答

?
料青山看我應如是

TA貢獻1772條經驗 獲得超8個贊

保持兩者@onchange=和一種方式value=使用這個

value="@someDate.ToString("yyyy-MM-dd")"

訣竅是將格式設置為字符串yyyy-MM-dd以從值中獲取一種綁定方式。不同格式或僅使用DateTime對象無法在日期選擇器中顯示日期。

例子:

<input type="date" value="@knowledge.ActualShortTermDate.ToString("yyyy-MM-dd")" @onchange="@(async (e) => await updateDate(DateTime.Parse(e.Value.ToString())))" />


查看完整回答
反對 回復 2022-12-24
?
白豬掌柜的

TA貢獻1893條經驗 獲得超10個贊

由于在 blazor 中 @bind-Value 和 @onchange 不能共存,因為現在這里是最好的解決方法


<InputDate type="date" @bind-Value="@_endDate"/>

@code {

 private DateTime endDate;

public DateTime _endDate

{

    get { return endDate; }

    set

    {

        endDate = value;

        //Do Other tasks ......

        // Eg updateSomething();

    }

}

}


查看完整回答
反對 回復 2022-12-24
?
白衣染霜花

TA貢獻1796條經驗 獲得超10個贊

它對我有用


        <div class="col-4 border border-primary border-0 text-left">

            <InputDate id="expenseedate" class="form-control form-control-sm col-4" format-value="yyyy-MM-dd" @bind-Value="@_endDate" @oninput="@ResetError" placeholder="Enter Expense end Date"></InputDate>

        </div>


查看完整回答
反對 回復 2022-12-24
?
桃花長相依

TA貢獻1860條經驗 獲得超8個贊

使用時間的 blazor 元素:

<InputDate Type="InputDateType.Time" class="form-eliment jds-d-inline-block jds-max-width150" @bind-Value="model.RunAutomaticallyAt"> </InputDate>



查看完整回答
反對 回復 2022-12-24
?
慕森卡

TA貢獻1806條經驗 獲得超8個贊

自 .NET Core 3.1 Preview 2 起,Blazor 應用程序支持防止事件的默認操作和停止事件傳播,請 在此處查看此鏈接


查看完整回答
反對 回復 2022-12-24
  • 5 回答
  • 0 關注
  • 351 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號