Jquery: Wie man Datum mit Textfeldwert zeigt?

Question

Ich bin Neuling in jquery und ich schrieb unter Code

<h1>Type your comment below </h1> 
<h2>TextBox value : <label id="msg"></label>-<label id="date"></label></h2> 
<div style="padding:16px;"> 
    TextBox : <input type="text" value="" placeholder="Type Your Comment"></input> 
</div> 
<button id="Get">Get TextBox Value</button> 

var fullDate = new Date(); 
$("button").click(function(){ 
    $('#msg').html($('input:text').val());   
}); 

Wie Sie das Datum angezeigt werden, wenn die Taste drücken für das Label id="date" haben einreichen? Wenn der Benutzer drücken Sie die Taste einreichen möchten i

"User entered Textbox Value - Date with time" 

Answer 1

gerade richtige CSS-Selektoren verwenden, um die Nachrichten und das Datum hinzuzufügen. Siehe Code unten:

$("button").click(function() { 
    var msg = $('input:text').val(); 
    var fullDate = new Date(); 

    $('#msg').html(msg); 
    $('#date').html(toLocal(fullDate)); 
    }); 

function toJSONLocal (date) { 
    var local = new Date(date); 
    local.setMinutes(date.getMinutes() - date.getTimezoneOffset()); 
    return local.toJSON().slice(0, 10); 
} 

function toLocal (date) { 
    var local = new Date(date); 
    local.setMinutes(date.getMinutes() - date.getTimezoneOffset()); 
    return local.toJSON().replace('T', ' ').slice(0, 19); 
} 

Hinweis: toJSONLocal, toLocal zu Format Datum verwendet wird.

jsfiddle: https://jsfiddle.net/nikdtu/q8zmLebz/

Answer 2

Gerade diese verwenden, um anzuzeigen:

var fullDate = new Date(); 
$('#date').text(fullDate); 

$(function() { 
 
    $("#Get").click(function() { 
 
    var fullDate = new Date(); 
 
    $('#date').text(fullDate); 
 
    $('#msg').text($('#comment').val()); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
 
<h1>Type your comment below </h1> 
 

 
<h2>TextBox value : <label id="msg"></label>-<label id="date"></label></h2> 
 

 
<div style="padding:16px;"> 
 
    TextBox : 
 
    <input type="text" value="" placeholder="Type Your Comment" id="comment" /> 
 
</div> 
 

 
<button id="Get">Get TextBox Value</button>