Wie kann ich ein Datum in ein anderes Eingabefeld übertragen?

Question

Ich möchte mein ausgewähltes Datum von .startdate_input in meinem Eingabefeld startdate anzeigen. Und wenn ich das Feld .startdate_input leer lasse, sollte das Feld .startdate auch wieder leer sein.

http://jsfiddle.net/93eTU/2524/

<input type="text" class="startdate_input date form-control" value=""> 
<input value="" name="startdate" class="startdate" type="text"> 



<script> 
$('.date').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    minDate: '+5d', 
    changeMonth: true, 
    changeYear: true, 
    altField: "#idTourDateDetailsHidden", 
    altFormat: "yy-mm-dd" 
}); 

    function dateformat(date, output) { 
     var date_f = $(date).val(); 
     if (date_f == '') { 
      var result = ''; 
     } else { 
      var result = moment(date_f, "DD/MM/YYYY").format("YYYY-MM-DD HH:mm:00"); 
      $(output).val(result); 
     } 
    } 

    $("input, select").on("change keyup paste", function() { 
dateformat(".startdate_input", ".startdate"); 
    }); 

</script> 

Ich erhalte keine Ergebnisse in meinem Eingabefeld .startdate

Answer 1

Sie waren bereits ganz in der Nähe, aber es gibt ein paar Probleme mit dem Code waren: Erstens $("input, select").on("change keyup paste", function() { dateformat(".startdate_input", ".startdate"); }); sollte nach getan werden, Das vollständige Dokument wird geladen, sodass es nicht ausgeführt wird, bevor die tatsächlichen Eingaben geladen werden. Zweitens gab es einige Probleme mit dem Bereich in Ihrer Dateformat-Funktion (wenn das Ergebnis ausgegeben wird, wenn es leer ist, wird es den Wert der Ergebnisvariable nicht kennen, weil es in diesem Fall nicht deklariert wird.) Schließlich, aber vielleicht war dies nur ein Problem in Ihrer Geige, moment.js nicht enthalten war (ich habe es in der Geige hinzugefügt unten angegeben)

ich diese Probleme hier behoben haben.

$('.date').datepicker({ 
    dateFormat: 'dd-mm-yy', 
    minDate: '+5d', 
    changeMonth: true, 
    changeYear: true, 
    altField: "#idTourDateDetailsHidden", 
    altFormat: "yy-mm-dd" 
}); 

function dateformat(date, output) { 
    var date_f = $(date).val(); 
    var result = ''; 
    if (date_f != '') { 
     var result = moment(date_f, "DD/MM/YYYY").format("YYYY-MM-DD HH:mm:00"); 
    } 
    $(output).val(result); 
} 

$(document).ready(function() { 
    $("input, select").on("change keyup paste", function() { 
      dateformat(".startdate_input", ".startdate"); 
    }) 
    }); 

Sie auch sehen kann läuft hier: http://jsfiddle.net/rqb21bo0/