2016-07-23 13 views
0

Ich habe durch jQuery Dokumente und here und here und here gesucht, aber kann nicht finden, warum dies nicht funktioniert. Ich habe dies in einer HTML-Datei GAS:Wie HTMLService in GAS verwenden, um Standarddatum zu jQuery Datepicker hinzuzufügen?

<!DOCTYPE html> 
    <html> 
    <head> 
    <base target="_top"> 
    </head> 
    <body> 
<form> 
<p> 
    Name:<input type="text" name="firstname"><br> 
    Start Date:<input type="date" id="startDate" name="startDate"> 
    time:<input type="time" name="startTime"><br> 
    End Date:<input type="date" id="endDate" name="endDate"> 
    time:<input type="time" name="endTime"><br> 
    <input value="Process" type="submit"> 
</p> 
</form> 
</body> 
<?!= include('stylesheet'); ?> 
<?!= include('javascript'); ?> 
</html> 

und dies in einer javascript.html Datei auch:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jqueryui.min.js"> 

$(function() { //meant to run on load 
    $("#startDate").datepicker(
    { 
    defaultDate: +14 //14 days from now 
    } 
); 
}); 
</script> 

es funktioniert, wenn ich ein Standarddatum in dem Input-Tag für startdate hinzufügen, aber Ich kann nicht herausfinden, warum mein Standarddatum nicht geladen wird. Ideen?

+0

Was funktioniert nicht? '+14 === 14', vielleicht willst du '' + 14''? – Musa

+0

Ich habe getestet, etwas zu dieser Zeile hinzuzufügen, z. 'defaultDate: '2016-08-01'' ohne Ergebnis. –

+0

Es hat funktioniert, aber nicht so wie ich dachte. Nachdem ich den "Typ" in "Text" geändert habe und das Folgende benutze, setze ich das Datum. Ich dachte, dass der DefaultDate das auch getan hat, aber jetzt weiß ich es. ' ' –

Antwort

1

Ich glaube, Ihr JavaScript-Code läuft nicht, weil Sie nicht schließen und die <script> Tags öffnen, versuchen Sie dies in Ihrer javascript.html Datei:

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jqueryui.min.js"></script> 
<script> 
$(function() { //meant to run on load 
    alert("It's running :D"); 

    $("#startDate").datepicker(
    { 
    defaultDate: +2 
    } 
); 
}); 
</script> 

Vergessen Sie auch nicht die jQuery CDN enthalten :

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>