如何從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());

我嘗試使用.substring(0, 4)但我不硝酸鉀如何。

來源

2012-09-08 yossi

這顯示了你想要提取的年份。

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-08 07:40:10 thax

您可以將該輸入值轉換爲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。

我的實例更改爲根據選擇進行操作，無需按任何鏈接或按鈕。

來源

2012-09-08 07:44:57 balexandre

您的權利，下seloution正確但如何顯示它沒有按div – yossi

中的按鈕添加活動的現場示例，請閱讀洞的答案，這樣你就會知道從哪裏獲得幫助下一次你需要這樣的事情:) – balexandre

我想指出你out datepicker和timepicker，我喜歡使用，因爲它們與[** Bootstrap Framework **]（http：//twitter.g ithub.com/bootstrap/scaffolding.html）（最常用的CSS框架之一），[** DatePicker **]（http：//www.eyecon。ro/bootstrap-datepicker /）和[** TimePicker **]（http://jdewit.github.com/bootstrap-timepicker/）。 – balexandre

如何：JSFiddle 不需要做字符串操作，只是用選定的日期從datepicker創建Date對象，並使用getFullYear()方法來獲得選擇的年份......

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

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

});

來源

2012-09-08 07:55:13 FosterZ

如何從datepicker ui獲取年份？

回答

相關問題