Javascript 如何从datepicker ui获取年份？

我有用户选择日期的代码

我需要得到价值年并将其放入div

我该怎么做

许多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()); 

日期：

$（“#日期选择器”）。日期选择器({
变化月：对，
变化年：对
});
$（“#Year”）.text（$（“#datepicker”）.val（））；

---

我尝试使用

.substring（0，4）

，但我不知道如何使用。

这显示了您想要提取的年份

HTML:

String类的方法分割字符串并作为数组返回

编辑：这是你想要的一切。 看看这件事

---

这显示了您想要提取的年份

HTML:

String类的方法分割字符串并作为数组返回

编辑：这是你想要的一切。 看看这件事

---

您还可以将该输入值转换为Javascript日期，并拥有它的方法中的所有内容

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

---

当您想在插件上执行某项操作时，称为对事件执行操作，您应该看到日期选择器中的事件选项卡，在那里可以找到

onSelect

---

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

您也可以将输入值转换为Javascript日期，并拥有其方法的所有内容

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

---

当您想在插件上执行某项操作时，称为对事件执行操作，您应该看到日期选择器中的事件选项卡，在那里可以找到

onSelect

我的live example已更改为按选择操作，无需按任何链接或按钮。

如何： 无需执行字符串操作，只需从

datepicker

中使用所选日期创建日期对象，并使用

getFullYear（）

方法获取所选年份

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

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

});

这个怎么样： 无需执行字符串操作，只需从

datepicker

中使用所选日期创建日期对象，并使用

getFullYear（）

方法获取所选年份

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

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

});

---

你是对的，下一个选项是正确的，但是如何在不按下divadded事件中的按钮的情况下显示它，请阅读洞的答案，这样你就知道下次需要帮助时在哪里：）我想给你指出一个日期选择器和时间选择器，我更喜欢使用它，因为它们可以很好地使用（最常用的CSS框架之一）、和。you right和next seloution都是正确的，但是如何在不按divadded事件中的按钮的情况下显示它呢，请阅读洞的答案，这样你就知道下次需要帮助时在哪里：）我想指出一个日期选择器和时间选择器，我更喜欢使用它们，因为它们（最常用的CSS框架之一）、和。

$(function() {
    $("#datepicker").datepicker({
        changeMonth: true,
        changeYear: true,
        onSelect: function(dateText) { 
            var split = $("#datepicker").val().split('/');
            $("#Year").text(split[2]);
        }
    });
});​

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

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

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

});

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

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

});