2017-01-31 4 views
1

URLに今日の日付を使用するブックマークを作成したかったので、つまり、ブックマークが開始されると、URLの末尾はとなり、毎日と変わります。だから、今日は.../2017/1/31で終わり、明日は.../2017/2/1で終わるだろう。JavaScriptを使用して日付を含むURLに転送するウェブページを作成しますか?

現在の年月日を取得してメインURL(変更しない)に追加するインラインJavaScriptを含むベアボーンのHTMLページを作成するのが最も簡単かもしれないと考えました。これは理にかなっていますか?これを達成するための簡単な方法はありますか?

私はHTML要素で大丈夫ですが、JavaScriptについてはまったく分かりません。私は、文字通りまともに聞こえた別のstackoverflowの答えからスニペットをコピーして、あなたは以下を参照することができますように私の頭のタグに入れ、そしてAHREFリンクに私のURLを適応させることを試みた:

<HTML> 
<head> 
    <script>var d=new Date();</script> 
</head> 

<body> 
    <a href="http://wol.org?t="+d.getTime()>Continue</a> 
</body> 
</HTML> 
+0

また、この記事を参照することができます。http://stackoverflow.com/questions/27728219/how-to-insert-todays-date-into-a-url – jsanchezs

答えて

1

以下はを必要とせずに実行されます任意のボタンをクリックする:この回答から

<HTML> 
<head> 
    <script> 
     Date.prototype.yyyymmdd = function() { //returns YYYY/MM/DD 
     var mm = this.getMonth() + 1; // getMonth() is zero-based 
     var dd = this.getDate(); 

     return [this.getFullYear(), 
      (mm>9 ? '' : '0') + mm, 
      (dd>9 ? '' : '0') + dd 
     ].join('/'); 
     }; 
     var date = new Date(); 
     window.location.href = "your.url.com/" + date.yyyymmdd(); 
    </script> 
</head> 
<body> 
</body> 
</HTML> 

日付機能:私は通常、ネイティブプロトタイプの修正を容認していないが、私は今日怠惰な感じてhttps://stackoverflow.com/a/3067896/3803371

注意を。

1

スクリプトタグの外ではJavaScript式を使用できません。だからd.getTimeのように呼ぶことはできません。代わりにこれを行うことができます:

<a id="c" href="">Continue</a> 
<script> 
(function() { // wait for window load 
    var d=new Date(); 
    var a = document.getElementById("c"); 
    a.href = "http://wol.org?t="+d.getTime(); 
})(); 
</script> 
0

あなたのコードにはいくつかの問題があります。まず、HTMLとJavaScriptが混在しています。 JavaScriptは、<script>タグの間だけで行えます。また、スクリプトを変更したいリンクの下に移動する必要があります。

year/month/dayの形式で日付を取得する場合は、Dateオブジェクトから返される日付文字列を変更する必要があります。私が下で行うことは、基本的に日付文字列を取得し、それを/で配列に分割します。私は最初のインデックスは月、2番目は日、3番目は私に年を与えることを知っています。後で使用して並べ替える変数にそれらをそれぞれ格納します。

getElementById()を使用して<a>要素を見つけてから、日付変数を使用してhref値を変更しました。

var dateString = new Date().toLocaleDateString(); 
 
var dateArray = dateString.split('/'); 
 

 
var month = dateArray[0]; 
 
var day = dateArray[1]; 
 
var year = dateArray[2]; 
 

 
var dateOrder = year + "/" + month + "/" + day; 
 

 
console.log(dateOrder); 
 

 
var a = document.getElementById('link'); 
 
a.href += dateOrder;
<a id="link" href="http://wol.org?t=">Continue</a> 
 

 
<script> 
 
// Javascript from above goes here 
 
</script>

関連する問題