如何在jQuery UI datepicker中获取日期,月份和年份?

时间:2013-04-24 07:49:33

标签: jquery jquery-ui datepicker

我有这个示例代码:

<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)

5 个答案:

答案 0 :(得分:45)

您可以使用方法 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

答案 1 :(得分:10)

您好,您可以尝试查看此jsFiddle

我使用了这段代码:

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

我希望这会有所帮助。

答案 2 :(得分:5)

使用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());
     } 
    });
});

答案 3 :(得分:0)

那么简单的方式)

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

答案 4 :(得分:0)

$("#date").datepicker('getDate').getMonth() + 1; 

日期选择器上的月份是从0开始的(0-11),因此加1可获得日期中出现的月份。