的jQuery的.text（）方法返回空字符串

Question

HTML代碼：

<div class="m-t-md"> 
    <small class="pull-left"> 
     <i class="fa fa-clock-o"></i> 
     <span id="updatedTime_SalesTab"></span> 
    </small> 
</div> 

JS代碼：

$(document).ready(function() { 
    function updatedDate() { 
     var testDateUtc = moment.utc(); 
     var local = moment(testDateUtc).local(); 

     var updatedTime = moment(local).format("MM/DD/YYYY h:mm A"); 
     console.log('updated: ', updatedTime); // log: "updated: 12/20/2016 11:44 AM" 

     $('#updatedTime_SalesTab').text(updatedTime); 
    } 

    updatedDate(); 
}); 

但我只有時鐘圖標，跨度爲空。我的代碼有什麼問題？

Answer 1

只需使用HTML

$(document).ready(function() { 
    function updatedDate() { 
     var testDateUtc = moment.utc(); 
     var local = moment(testDateUtc).local(); 

     var updatedTime = moment(local).format("MM/DD/YYYY h:mm A"); 
     console.log('updated: ', updatedTime); // log: "updated: 12/20/2016 11:44 AM" 

     $('#updatedTime_SalesTab').html(updatedTime); 
    } 

    updatedDate(); 
}); 

Answer 2

替換文本在我的情況下，這解決了我的問題：

$(document).ready(function() { 
    updatedDate(); 
}); 

function updatedDate() { 
    var testDateUtc = moment.utc(); 
    var local = moment(testDateUtc).local(); 

    var updatedTime = moment(local).format("MM/DD/YYYY h:mm A"); 
    console.log('updated: ', updatedTime); // log: "updated: 12/20/2016 11:44 AM" 

    $('#updatedTime_SalesTab').text(updatedTime); 
} 

Answer 3

試試這個，這個工作正常，我

$(document).ready(function() { 
 
    
 
function updatedDate() { 
 
     var testDateUtc = moment.utc(); 
 
     var local = moment(testDateUtc).local(); 
 

 
     var updatedTime = moment(local).format("MM/DD/YYYY h:mm A"); 
 
     console.log('updated: ', updatedTime); // log: "updated: 12/20/2016 11:44 AM" 
 

 
     $('#updatedTime_SalesTab').text(updatedTime); 
 
    } 
 
    updatedDate(); 
 
});

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> 
 
<script> 
 

 

 
function updatedDate() { 
 
    var testDateUtc = moment.utc(); 
 
    var local = moment(testDateUtc).local(); 
 

 
    var updatedTime = moment(local).format("MM/DD/YYYY h:mm A"); 
 
    console.log('updated: ', updatedTime); // log: "updated: 12/20/2016 11:44 AM" 
 

 
    $('#updatedTime_SalesTab').text(updatedTime); 
 
    updatedDate(); 
 
} 
 
</script> 
 
<div class="m-t-md"> 
 
    <small class="pull-left"> 
 
     <i class="fa fa-clock-o"></i> 
 
     <span id="updatedTime_SalesTab"></span> 
 
    </small> 
 
</div>