首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何比较输入的两个日期?

如何比较输入的两个日期?
EN

Stack Overflow用户
提问于 2016-11-26 23:15:52
回答 5查看 4.5K关注 0票数 0

有两个输入

代码语言:javascript
运行
复制
From:   <input id="from" type="date" placeholder="dd/mm/yy"><br>
To:   <input id="to" type="date" placeholder="dd/mm/yy">

我想要比较这两个输入,以确保检出日期不早于检入日期。但是如何比较呢?thx

EN

回答 5

Stack Overflow用户

回答已采纳

发布于 2016-11-26 23:40:21

这就是我做这件事的方式

HTML

代码语言:javascript
运行
复制
<script>
    function compareDates() {
        //Get the text in the elements
        var from = document.getElementById('from').textContent;
        var to = document.getElementById('to').textContent;

        //Generate an array where the first element is the year, second is month and third is day
        var splitFrom = from.split('/');
        var splitTo = to.split('/');

        //Create a date object from the arrays
        var fromDate = Date.parse(splitFrom[0], splitFrom[1] - 1, splitFrom[2]);
        var toDate = Date.parse(splitTo[0], splitTo[1] - 1, splitTo[2]);

        //Return the result of the comparison
        return fromDate < toDate;
    }
</script>

<input id="from" type="date" placeholder="dd/mm/yy"><br>
<input id="to" type="date" placeholder="dd/mm/yy">
<button onclick="compareDates()">Compare</button>

让我知道你的进展如何。

票数 2
EN

Stack Overflow用户

发布于 2016-11-26 23:24:52

您可以先使用valueAsDate,然后再使用比较器:

代码语言:javascript
运行
复制
 input1 = document.getElementById('from');
 input2 = document.getElementById('to');

 date1 = input1.valueAsDate;
 date2 = input2.valueAsDate;
 console.log(date1 < date2 ? 'valid' : 'invalid');
票数 0
EN

Stack Overflow用户

发布于 2016-11-26 23:25:32

如果希望日期格式为dd/mm/yy,可以使用以下函数将字符串转换为日期:

代码语言:javascript
运行
复制
function compareDate(str){
 // str format should be dd/mm/yyyy. Separator can be anything e.g. / or -. It wont effect
 var dt   = parseInt(str.substring(0,2));
 var mon  = parseInt(str.substring(3,5));
 var yr   = parseInt(str.substring(6,10));
 var date = new Date(yr, mon-1, dt);
 return date;
}

然后,只需从输入中获取值并将它们作为日期进行比较

代码语言:javascript
运行
复制
var input1 = compareDate(document.getElementById('from').value);
var input2 = compareDate(document.getElementById('to').value);

Date对象将执行您想要的操作-为每个date构造一个date,然后使用>、<、<=或>=对它们进行比较。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/40819789

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档