値は

2016-10-07 7 views
1

値は

$(".dateTest").click(function(e){ 
 
    e.preventDefault(); 
 
    alert("The value of this field is currently set to: " + $(this).val()); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form method="post"> 
 
    <div> 
 
     <label>HTML-5: </label> 
 
     <input value="2012-10-01" type="date" id="dateFieldHtml5" class='dateTest'/> 
 
    </div> 
 
    <div> 
 
     <label>HTML-4: </label> 
 
     <input value="10/01/2012" id="dateFieldHtml4" class='dateTest'/> 
 
    </div> 
 
</form>

私は形でinput type="date"のための正規表現を記述しようとしている逆方向に表示されたばかり。フロントエンドで表示されるフォーマットはDD-MM-YYYYですが、正規表現を実行する前にselected date valueを印刷しようとすると、そのフォーマットはYYYY-MM-DDの形式で表示されます。このため、私の正規表現は失敗しています。 スニペットを参照

表示され、選択された日付の値のイメージ。 enter image description here

選択した日付が同じ形式で表示されるようにするにはどうすればよいですか。

+2

あなたの質問の完全な内容は、** **あなたの質問に、単にリンクされていないする必要があります。リンクが腐って、将来の質問やその回答が役に立たなくなり、人々はあなたを助けるためにオフサイトに行く必要はありません。スタックスニペット( '<>'ツールバーボタン)を使用して理想的に[mcve] **を実行可能にします。 More:[*どうすれば良い質問をしますか?](/ help/how-to-ask) –

+0

@ T.J.Crowder kk。私はそれをします。多くの時代、私は人々がフィドルリンクを投稿するのを見るので、私はそれをしました。しかし、私はあなたの意見を持っています。 – Cyclotron3x3

+0

Fiddlesは質問にのみ付属*しています。サイトに必要なコードをすべて代用したものではありません。そして、今日では、98%の質問に対して、彼らは時代遅れです。代わりにStack Snippetsを使用してください。 :-) –

答えて

1

「)(新しい日付」を使用して、日付の形式に値を変換

fiddle

var dateString = new Date($(this).val()); 
+0

が間違っています。 datetimeとそれも予想外の形式で表示します。 – Cyclotron3x3

+1

@ Cyclotron3x3最新のものを見てください。 http://jsfiddle.net/HudMe/788/ 私も回答を更新しました –

+0

回避策に感謝します。しかし、私はなぜこの振る舞いがあるのか​​を知ることにもっと興味がありました。 – Cyclotron3x3