如何比较Vuejs中的日期？
如何比较Vuejs中的日期？
提问于 2018-08-11 06:18:54
嗨，我想做一个图书馆/图书跟踪应用程序，跟踪日期和返回的状态，如退还或丢失等。我需要比较我的应用程序中的日期，但我找不到如何在vuejs，你可以帮助，谢谢。
<html>
<head>
<meta charset=utf-8>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="newVue.js"></script>
</head>
<body>
<div id="app">
<input type="text" v-model="message" required placeholder="Enter Name">
<input type="date" v-model="enterdate" placeholder="Enter Date">
<table border="1" v-for="item in items">
<tr>
<td>{{item.name}}</td>
<td>{{item.date}}</td>
</tr>
</table>
<button @click="addRow">Add</button>
</div>
</body>
window.addEventListener('load',()=>{
window.vue = new Vue({
el: '#app',
data: {
message:'',
enterdate:'',
items:[{
name:'',
}]
},
methods: {
addRow() {
this.items.push({
name: this.message,
date: this.enterdate,
})
},
}
})})
回答 1
Stack Overflow用户
发布于 2018-08-11 06:23:32
看起来你有用字符串表示的日期。然后，要比较它，您需要先对其进行解析。为此，我建议您使用一些现有的库。http://momentjs.com/就是一个很好的例子。
然后，您将执行以下操作：
dateA = moment(itemA.date, "MM-DD-YYYY"); // replace format by your one
dateB = moment(itemB.date, "MM-DD-YYYY");
if (dateA.diff(dateB) > 0) {
// do something if A is later than B
} else {
// do something if B is later that A
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51794669
复制相关文章
相似问题