Verwenden von benutzerdefinierten Javascript Datum Variable mit IMG SRC Element

Question

Ich versuche eine benutzerdefinierte Javascript Datum Variable in einigen img src Elemente auf meiner Website zu verwenden, aber ich habe einige Probleme damit, da der Code die utcdate Variable nicht erkennt habe mich entschieden, moment.js zu verwenden, um mir zu helfen, das aktuelle Datum zu erzeugen (im UTC-Format). Der Zweck ist, Bilder in einer Galerie zu fahren (und anzuzeigen), die in einem Verzeichnis leben, das mit dem heutigen Datum in YYYYMMDD Format benannt wird.

HTML-Code:

<script src="http://cdnjs.cloudflare.com/ajax/libs/moment.js/2.7.0/moment.js"></script> 

<script type="text/javascript"> 
$(document).ready(function() { 

    // set an element 
    $("#date").val(moment().format('YYYYMMDD')); 

    // set a variable 
    var utcdate = moment().format('YYYYMMDD'); 

}); 
</script> 

<div class="gallery" align="center"> 
    <h1>Title Goes Here</h1> 

    <br /> 

    <div class="thumbnails"> 
     <img onmouseover="preview.src=img1.src" name="img1" src="http://some.website/somedirectory/" + utcdate + "/someotherdirectory/image.png" alt=""/> 
    </div><br/> 

    <div class="preview" align="center"> 
     <img name="preview" src="http://some.website/somedirectory/" + utcdate + "/someotherdirectory/image.png" alt=""/> 
    </div> 

</div> 

Answer 1

fiddle answer

var utcdate = moment().format('YYYYMMDD'); 
$("#my_image").attr("src","http://some.website/somedirectory/" + utcdate + "/someotherdirectory/image.png");