1

我有用户选择 date 的代码。

我需要获取价值年份并将其放入 div 中。

我怎样才能做到这一点？

jsFissl 演示

很多谢谢。编码：

<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 日期，并从它的方法中获取所有内容。

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

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

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

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

});

或者疯狂使用MomentJs插件，你会得到很多乐趣（更新的实时示例）

当您想在插件上执行某些操作时，这称为对事件进行操作，您应该会在 DatePicker 中看到Events 选项卡，您可以在其中找到onSelect.

我的实时示例已更改为根据选择进行操作，无需按任何链接或按钮。

于 2012-09-08T07:44:57.763 回答
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 回答
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 回答