如何从datepicker ui获得年份？

我有用户选择日期的代码。

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

我怎样才能做到这一点？

jsFissl演示

许多Thx。 代码：

 
Date: 
 
 
 $("#datepicker").datepicker({ changeMonth: true, changeYear: true }); $("#Year").text($("#datepicker").val()); 

我尝试使用.substring(0, 4)但我不知道如何。

Answer 1

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

HTML：

  
 
Date: 
 Show year 
 

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]); } }); });​ 

Answer 2

您也可以将该输入值转换为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中看到“ 事件”选项卡 ，您可以在其中找到onSelect 。

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

Answer 3

怎么样： JSFiddle不需要进行字符串操作，只需使用getFullYear()选定日期创建Date对象，并使用getFullYear()方法获取选定年份…

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