Javascript 日期选择器上的弹出窗口

Javascript 日期选择器上的弹出窗口,javascript,Javascript,我有三个日期:现在、开始和结束 Present = today's date 开始=任何日期,但我在这里用过去的日期来回答我的问题 结束日期=(当前或开始)+付款数量 如果开始日期为空,则根据当前日期计算结束日期,否则根据开始日期计算结束日期 对于剩余付款,我有以下逻辑 函数PopulateEndDate(){ var-d2; var支付天数; var stDate; 变量更新; if(document.getElementById(“startDate”)) stDate=document

我有三个日期:
现在、开始和结束

Present = today's date
开始
=任何日期,但我在这里用过去的日期来回答我的问题

结束日期
=(当前或开始)+付款数量

如果开始日期为空,则根据当前日期计算结束日期,否则根据开始日期计算结束日期

对于剩余付款,我有以下逻辑

函数PopulateEndDate(){
var-d2;
var支付天数;
var stDate;
变量更新;
if(document.getElementById(“startDate”))
stDate=document.getElementById(“startDate”).value;
if(document.getElementById(“presentDate”))
pDate=document.getElementById(“presentDate”).value;
var futureSDate=(pDatestDate);//开始日期在过去
变量sameDates=(pDate==stDate);
if(标准日期和未来日期){
d2=新日期(stDate);
}
else if(标准日期和标准日期){
d2=新日期(stDate);
}
else if(stDate&pastSDate){
d2=新日期(stDate);
警报(“输入付款总数”);
}
否则{
d2=新日期(pDate);
}
var dd=d2.getDate()+1000;
var mm=d2.getMonth()+1;
var yyyy=d2.getFullYear();
var today=(mm+'/'+dd+'/'+yyyy);
var paymentDays=document.getElementById(“PaymentLeving”).value;
如果(paymentDays&&paymentDays!=“”)
//d2.setMonth(d2.getMonth()+parseInt(paymentDays));
var n=d2.getDate();
d2.设定日期(1);
d2.setMonth(d2.getMonth()+parseInt(paymentDays));
d2.setDate(Math.min(n,getDaysInMonth(d2.getFullYear(),d2.getMonth()));
if(document.getElementById(“endDate”))
document.getElementById(“endDate”).value=getCurrentDay(d2);
}
功能isLeapYear(年){
回报率(((第%4年===0)和&(第%100年!==0))| |(第%400年===0));
}
函数getDaysInMonth(年,月){
报税表[31,(年?29:28),31,30,31,30,31,31,30,30,31][月份];
}
函数getCurrentDay(日期){
var dateOfToday;
如果(日期和日期!=“”)
dateOfToday=新日期(日期);
else dateOfToday=新日期();
var dd=(“0”+(dateOfToday.getDate()).slice(-2);
var mm=(“0”+(dateOfToday.getMonth()+1)).slice(-2);
var yyyy=dateOfToday.getFullYear();
dateOfToday=yyyy+'-'+mm+'-'+dd;
今天的返回日期;
}
截至日期的现值 租赁开始

剩余付款


租赁结束

有多种方法,这还取决于您希望在何处以及如何显示弹出窗口。下面是一个简单的示例,演示如何单击按钮添加弹出窗口

让btn=document.getElementById(“测试”);
btn.addEventListener(“单击”,函数(){
if(document.getElementById(“弹出”)){
document.getElementById(“弹出”).style.display=“块”;
}
});
#弹出窗口{
显示:无;
宽度:300px;
高度:50px;;
保证金:0自动;
背景颜色:浅蓝色;
边界半径:15px;
文本对齐:居中;
}
#弹出消息{
字体大小:30px;
}

您的弹出消息


弹出窗口
您对弹出窗口的意图是什么?如果要警告用户该日期是过去的,则可以禁用过去的日期。只需将“min”属性添加到输入标记并指定日期,即可禁用过去的日期。类似于@devlnotate的东西我需要过去的日期,所以我不能禁用它,但弹出窗口基本上让用户知道他们需要输入付款总数。@BambiOurLord我需要过去的日期。如果有人否决了投票,请您至少留下一条评论,说明为什么否决了投票,以便我可以改进答案?