3つのドロップダウンがありfor showing date
ます。日と月の値は、両方とも1、2、3、...として表示されます。今、私は最終日が必要01/01/2012
です。
でこれを行うにはどうすればよいですかJquery
。を追加する際に問題が発生してい0 for values less than 10
ます。私は簡潔で最適な解決策を探しています。
3つのドロップダウンがありfor showing date
ます。日と月の値は、両方とも1、2、3、...として表示されます。今、私は最終日が必要01/01/2012
です。
でこれを行うにはどうすればよいですかJquery
。を追加する際に問題が発生してい0 for values less than 10
ます。私は簡潔で最適な解決策を探しています。
日付を処理するためのjQueryには何もありません。プレーンなJavascriptを使用します。
var year = date.getFullYear();
var month = date.getMonth() + 1;
var day = date.GetDate();
var formatted = (day<10?'0':'') + day + '/' + (month<10?'0':'') + month + '/' + year;
これ、jQuerydateFormatプラグインを見てください。それはあなたが求めているものかもしれません。
data.jsの恩恵を受けることができるようです
ここで私は完全なソリューションビンを作成しました。デモリンクも確認できます。
上記のソリューションでは、最新のjQuery.jsファイルとdate.format.jsファイルがインクルードされています。
デモ http://codebins.com/bin/4ldqp6w
HTML
<select id="seldd">
<option value="1">
1
</option>
<option value="2">
2
</option>
<option value="3">
3
</option>
<option value="4">
4
</option>
<option value="5">
5
</option>
<option value="6">
6
</option>
<option value="7">
7
</option>
<option value="8">
8
</option>
<option value="9">
9
</option>
<option value="10">
10
</option>
</select>
<select id="selmm">
<option value="1">
1
</option>
<option value="2">
2
</option>
<option value="3">
3
</option>
<option value="4">
4
</option>
<option value="5">
5
</option>
<option value="6">
6
</option>
<option value="7">
7
</option>
<option value="8">
8
</option>
<option value="9">
9
</option>
<option value="10">
10
</option>
<option value="11">
11
</option>
<option value="12">
12
</option>
</select>
<select id="selyy">
<option value="2012">
2012
</option>
<option value="2011">
2011
</option>
<option value="2010">
2010
</option>
<option value="2009">
2009
</option>
<option value="2008">
2008
</option>
<option value="2007">
2007
</option>
<option value="2006">
2006
</option>
<option value="2005">
2005
</option>
<option value="2004">
2004
</option>
<option value="2003">
2003
</option>
<option value="2002">
2002
</option>
<option value="2001">
2001
</option>
</select>
<input type="button" value="Convert into Date" id="btn1" />
jQuery
$(function() {
$("#btn1").click(function() {
var strdt = $("#seldd").val().trim() + "/" + $("#selmm").val().trim() + "/" + $("#selyy").val().trim();
var thisDate = new Date(Date.parse(strdt));
alert(dateFormat(thisDate, "dd/mm/yyyy"));
});
});