2017-01-30 1 views
0

Это может быть легко для некоторых, но я изо всех сил стараюсь сделать эту работу. Я создал модальный, который имеет заголовок, тему (область ввода) и временную метку, когда вы нажимаете кнопку «Отправить». Я хотел бы указать название, тему и время, размещенное как элемент списка <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

+0

Пожалуйста, вы можете создать скрипку? –

+0

Вы пропускаете точку с запятой или это опечатка 'document.getElementById (« timestamp »). InnerHTML = n'? – Rhono

+0

жаль, что это была опечатка «;». Не знаю, как создать скрипку. То, что я пытаюсь достичь, - это ввести поля, такие как «Заголовок», «Тема» и нажать «Отправить» с использованием модального. Вывод сообщения, который будет похож на статус твиттера или facebook, должен содержать «title» + «Subject» и отметку времени в одной строке или 1 элемент списка. – NewCoder

ответ

0

попробовать что-то вроде этого

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>'); 

}); 
+0

Shubham благодарю вас за ответ. приведенный выше код работает, но он печатает 3 элемента списка. Но я хотел бы, чтобы мой (заголовок + пост + время) отображался как в элементе списка вместо трех. Извините, если я не опубликовал его правильно. – NewCoder

+0

@NewCoder Я обновил свой код в соответствии с вашими потребностями, пожалуйста, просмотрите его и снова проверьте. –

+0

некоторый прогресс, но это то, как он печатает. «SuperBowlSunday + Это воскресенье - игра чемпионата между NFC и AFC + 1/30/2017» Пытаясь удалить знаки «плюс» после воскресенья и AFC, код не работает – NewCoder

Смежные вопросы