如何在jQuery UI datepicker中獲取日期，月份，年份？

Question

我有這樣的示例代碼：

<div id="calendar"></div> 
$(document).ready(function() { 
    $('#calendar').datepicker({ 
     dateFormat: 'yy-m-d', 
     inline: true, 
     onSelect: function(dateText, inst) { 
      var month = dateText.getUTCMonth(); 
      var day = dateText.getUTCDate(); 
      var year = dateText.getUTCFullYear(); 
      alert(day+month+year); 
    } 
    }); 
}); 

當我運行的代碼，有一個錯誤。如何得到這個(date, month, year)？

Answer 1

您可以使用方法getDate()：

$('#calendar').datepicker({ 
    dateFormat: 'yy-m-d', 
    inline: true, 
    onSelect: function(dateText, inst) { 
     var date = $(this).datepicker('getDate'), 
      day = date.getDate(), 
      month = date.getMonth() + 1,    
      year = date.getFullYear(); 
     alert(day + '-' + month + '-' + year); 
    } 
}); 

FIDDLE

Answer 2

使用JavaScript Date對象。

$(document).ready(function() { 
    $('#calendar').datepicker({ 
     dateFormat: 'yy-m-d', 
     inline: true, 
     onSelect: function(dateText, inst) { 
      var date = new Date(dateText); 
      // change date.GetDay() to date.GetDate() 
      alert(date.getDate() + date.getMonth() + date.getFullYear()); 
    } 
    }); 
}); 

Answer 3

嗨，你可以試試看這jsFiddle。

我用這個代碼：

var day = $(this).datepicker('getDate').getDate(); 
var month = $(this).datepicker('getDate').getMonth(); 
var year = $(this).datepicker('getDate').getYear(); 

我希望這有助於。

Answer 4

關於簡單的方法是什麼）

$(document).ready -> 
$('#datepicker').datepicker(dateFormat: 'yy-mm-dd', onSelect: (dateStr) -> 
    alert dateStr # yy-mm-dd 
    #OR 
    alert $("#datepicker").val(); # yy-mm-dd