2017-03-16 55 views
0

event.timeStamp至今

$('#submit').on('click',function(e){ 
 
\t var $textVal = $('#textVal').val(); 
 
\t var $listItems = $('.listItems'); \t 
 
\t var timeAdded = e.timeStamp; 
 

 
\t $listItems.prepend('<li>' + $textVal + ' added at ' + timeAdded + '</li>'); 
 

 

 
\t $('#textVal').val(' '); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
\t <ol class="listItems"> 
 
\t \t 
 
\t </ol> 
 
</div> 
 
<input type="textarea" placeholder="What to do?" id="textVal"> 
 
<input type="submit" value="To do!" id="submit">

当一个待办事项列表项按做补充!按钮,添加项目和添加的日期。我尝试使用e.timeStamp,但它显示1970年1月1日至事件被触发时的毫秒数。我试图转换,但我失败了。我应该如何转换它,以便获取列表项添加的确切时间和日期?

谢谢

+0

您是否尝试过使用'new Date()'而不是'e.timeStamp'? –

+0

不,我不确定,这是实现这一点最准确的方法。我认为e.timeStamp它会是最准确的 –

+0

时间戳为您提供了一段时间,您可以在[链接](http://api.jquery.com/event.timestamp/)中看到。如果我是你,我会尝试使用jQuery的Date方法,如[链接](http://api.jquery.com/jquery.now/) –

回答

2

event.timeStamp应该等于new Date().getTime()。目前没有。我的建议是忽略事件timeStamp并使用通用的Date对象。

$('#submit').on('click',function(e){ 
 
\t var $textVal = $('#textVal').val(); 
 
\t var $listItems = $('.listItems'); \t 
 
    var dateAdded = new Date(); 
 

 
\t $listItems.prepend('<li>' + $textVal + ' added at ' + dateAdded + '</li>'); 
 

 

 
\t $('#textVal').val(' '); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
\t <ol class="listItems"> 
 
\t \t 
 
\t </ol> 
 
</div> 
 
<input type="textarea" placeholder="What to do?" id="textVal"> 
 
<input type="submit" value="To do!" id="submit">

1

采用javascript日期对象

$('#submit').on('click', function(e) { 
 
    var $textVal = $('#textVal').val(); 
 
    var $listItems = $('.listItems'); 
 
    var timeAdded = new Date; 
 

 
    $listItems.prepend('<li>' + $textVal + ' added at ' + (timeAdded.getDay() + '-'+ (timeAdded.getMonth() + 1) + '-' + timeAdded.getFullYear() + " " + timeAdded.getHours() + ":" + timeAdded.getMinutes()) + '</li>'); 
 

 
    $('#textVal').val(' '); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <ol class="listItems"></ol> 
 
</div> 
 
<input type="textarea" placeholder="What to do?" id="textVal"> 
 
<input type="submit" value="To do!" id="submit">

0

你可以使用瞬间库和

var date = moment(timeAdded)