ant design日期控制項使用 僅月份

2021-08-19 01:50:08 字數 979 閱讀 8602

總體效果:

展開後:

選值後:

**部分:

1、引入:

import  from 'antd';
2、主體部分:

export default class personinfo extends  component;

}render() = datepicker;

return(

函式:

//日期面板時間值改變事件

workhandlepanelchange = (value, mode) => );

}//日期清空時觸發

workonchange = () => )

}

獲取日期值:

//其中this.state.workvalue的兩個值都是毫秒,formatdate為自寫的轉換函式

let workyearbegin = this.formatdate(this.state.workvalue[0]);

let workyearend = this.formatdate(this.state.workvalue[1]);

formatdate = (time) => 

let date = new date(time);//毫秒轉換成日期

let year = date.getfullyear();

let month = (date.getmonth() + 1).tostring().padstart(2,'0');//月份不足兩位數在前面補0

return year + '-' + month;//格式控制

}

ant design使用日期控制項涉及的日期格式問題

var moment require moment import moment from moment 獲取當前年月日 const nowdate moment format yyyy mm dd 2021 01 01 獲取當前時間的時間戳 const nowtime new date gettim...

ant Design 使用記錄

此時使用的是antd3.版本 switch等元件 更改值後 需要resetfields key 的方式 更改為initialvalue狀態 以防再次渲染 無法觸發initialvalue的值 一般是適用於 一點觸發多點修改後 有些修改了一次的值 無法再次觸發initialvalue select 元...

AntDesign 長列表的使用

由於資料量比較大,載入時不一次性載入全部資料,而是通過引數page size載入數量 current page當前頁兩個引數查詢資料,實現滑動載入 classname key ref datasource 資料 renderfooter div renderrow 子元件樣式 rendersepar...