2017-03-16 88 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)