带有标题、主题和发布时间的模态

Question

这对某些人来说可能很容易，但我很难做到这一点。当您单击提交时，我创建了一个具有标题、主题（输入区域）和时间戳的模式。我想输出标题、主题和发布时间作为列表项<li></li>。

var main = function(){
$('.btn-primary').click(function(){

    var title = $('#message-title').val();
    var post = $('#message-text').val(); 
     $('<li>').text(post).prependTo('.livefeed');

      var currentTime = new Date();
      var n = currentTime.toLocaleDateString();
      document.getElementById("timestamp").innerHTML = n

      $('#message-text').val();

  });

}

$(document).ready(main);

Here is the Screenshot

Answer 1

尝试这样的事情

JAVASCRIPT

$('.btn-primary').click(function(){

var title = $('#message-title').val();
var post = $('#message-text').val();
var currentTime = new Date();
var n = currentTime.toLocaleDateString();
$('ul').append('<li>'+title+' '+post+' '+n+'</li>');

});

带有标题、主题和发布时间的模态

Modal with title, subject, and time posted

javascript

jquery

jquery-ui-autocomplete