1

ユーザーが date を選択するコードがあります。

値の年を取得してdivに入れる必要があります。

どうやってやるの？

jsFissl デモ

多くのThx。コード：

<div class="demo">
<p>Date: <input type="text" id="datepicker"></p>
</div>
<div id="Year"></div>

$("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true

    });

       $("#Year").text($("#datepicker").val());

使ってみます.substring(0, 4)が、よくわかりません。

4

3 に答える 3

1

その入力値を Javascript Date に変換して、そのメソッドからすべてを取得することもできます。

http://jsbin.com/ugaxob/2/edit

$(".btn-getdate").click(function() {

  var dt = $("#datepicker").val(),
      d = new Date(dt);    

  $("#Year").text(d.getFullYear());

});

または、思い切って MomentJsプラグインを使用すると、とても楽しくなります (ライブ サンプルが更新されています)。

プラグインで何かを実行したい場合、それはイベントに対するアクションと呼ばれ、 DatePicker に[イベント] タブが表示されますonSelect。

私のライブの例は、選択時に動作するように変更され、リンクやボタンを押す必要はありません。

于 2012-09-08T07:44:57.763 に答える
0

これはどうですか: JSFiddle 文字列操作を行う必要はありません。選択した日付を使用して Date オブジェクトを作成し、メソッドをdatepicker使用getFullYear()して選択した年を取得するだけです...

$(function() {
    $("#datepicker").datepicker({

       onSelect: function(date) {
        var d = new Date(date);
        alert(d.getFullYear());
       },
       changeMonth: true,
       changeYear: true
    });

});
于 2012-09-08T07:55:13.783 に答える
0

これは、抽出したい年を示しています。

HTML:

<meta charset="utf-8">
    <div class="demo">
    <p>Date: <input type="text" id="datepicker"></p>
    <button>Show year</button>
</div><!-- End demo -->

JS:

$(function() {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true
    });

    $("button").click(function() {
        var split = $("#datepicker").val().split('/');
        alert(split[2]);
    });
});​

String クラスのsplitメソッドは、文字列を分割して配列として返します。

編集：これはあなたが望むすべてを行います。onSelectイベントを見てください。

$(function() {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: function(dateText) { 
            var split = $("#datepicker").val().split('/');
            $("#Year").text(split[2]);
        }
    });
});​
于 2012-09-08T07:40:10.837 に答える