Javascript 在今天之前的所有日子
我尝试在react应用程序中实现ant design中的范围选择器。我也使用momentjsJavascript 在今天之前的所有日子,javascript,reactjs,datepicker,antd,Javascript,Reactjs,Datepicker,Antd,我尝试在react应用程序中实现ant design中的范围选择器。我也使用momentjs { const allDays=当前时刻。格式(“DD-MM-YYYY”); 常量样式={}; 如果(时间(今天)。i之后(所有天)){ style.border=“1px固体#1890ff”; style.borderRadius=“50%”; style.background=“红色”; } 返回( {current.date()} ); }} /> ,我已经删除了.format(),它可以工作了
{
const allDays=当前时刻。格式(“DD-MM-YYYY”);
常量样式={};
如果(时间(今天)。i之后(所有天)){
style.border=“1px固体#1890ff”;
style.borderRadius=“50%”;
style.background=“红色”;
}
返回(
{current.date()}
);
}}
/>
,
我已经删除了.format()
,它可以工作了
const todayDate = moment();
ReactDOM.render(
<>
<RangePicker
dateRender={current => {
const style = {};
if (moment(todayDate).isAfter(current)) {
style.border = "1px solid #1890ff";
style.borderRadius = "50%";
style.background = "red";
}
return (
<div className="ant-picker-cell-inner" style={style}>
{current.date()}
</div>
);
}}
/>
</>,
document.getElementById("container")
);
const todayDate=moment();
ReactDOM.render(
{
常量样式={};
if(时刻(今天日期).isAfter(当前)){
style.border=“1px固体#1890ff”;
style.borderRadius=“50%”;
style.background=“红色”;
}
返回(
{current.date()}
);
}}
/>
,
document.getElementById(“容器”)
);
看起来您不需要为比较设置日期格式。
@dmitro Alreday给出了答案,但您也可以尝试这个checkDate函数,您只需要以字符串格式传递日期
let checkDate=函数(所有日期){
让结果=假;
var dateParts=allDates.split(“-”);
var dateObject=新日期(
+日期部分[2],
日期部分[1]-1,
+日期部分[0]
);
结果=新日期(dateObject)<新日期(新日期().toDateString())
返回结果
}
干得好@Dmitro@DmitroBorchuk,你能看看吗@Dmitro Borchuk,你能看看吗
let checkDate=function(allDates){
let result=false;
var dateParts = allDates.split("-");
var dateObject = new Date(
+dateParts[2],
dateParts[1] - 1,
+dateParts[0]
);
result= new Date(dateObject) < new Date(new Date().toDateString())
return result
}