jquery日期選擇器日期格式分別獲取變量

Question

大家好我想要使用日期格式從日期選擇器分開變量。我想得到這些變量日期，月份和年份，但是如何？

這裏是我的腳本

<script type="text/javascript"> 
    $(function() { 
     $('.date').datepicker({ dateFormat: 'dd.MM.yy' }); 

    }); 
    </script> 

Answer 1

要想從日期選擇器，你應該使用$(".date").datepicker("getDate")日期。

代碼：

var date = $(".date").datepicker('getDate'); 
alert(date.getDate());   // Day of the month 
alert(date.getMonth());  // Month with a zero index 
alert(date.getDay());   // Day of the week 
alert(date.getFullYear());  // The "full" year, e.g. 2011 

希望這有助於！

Answer 2

你可以試試這個

$(function(){ 
    $('.date').datepicker({ 
     dateFormat: 'dd.MM.yy', 
     onSelect:function(text, ui){ 
      var dt=text.split('.'); 
      var d=dt[0]; m=dt[1]; y=dt[2]; 
      console.log(d); // day 
      console.log(m); // month 
      console.log(y); // year 
     } 
    }); 
});​ 

您選擇的日期每次datepicker你會得到你的日，月，年的三個獨立的變量。

DEMO。

更新： 還記得，用戶可以更改/在這種情況下，你必須使用$('.date').on('change', function(){...})跟蹤文本框更改事件敲擊鍵盤，因此直接從鍵盤輸入的日期。

// textbox change 
$('.date').on('change', function(){ 
    var dt=$(this).val(); 
    if(dt.match(/^(\d{2}).([a-zA-Z]+).(\d{4})$/)) 
    { 
     var dt=dt.split('.'); 
     var d=dt[0]; m=dt[1]; y=dt[2]; 
     console.log(d); 
     console.log(m); 
     console.log(y); 
    } 
    else alert('Invalid date format !\n\nValid format example: 05.December.2012'); 
}); 

DEMO（With Text Box change Event）。