手动输入的jQuery Datepicker格式日期

Question

我有一个jQuery datepicker格式:dd-MM-yyyy.

默认情况下,日期选择器转换的日期,如1-2-3和99年1月2日至2003年1月2日和1999年1月2日分别.但是,只有当您按Enter键或从datepicker中选择日期时才会出现这种情况.我试图通过使用以下方式自动格式化字段:

$j('.datepicker').live('blur', function(){
    $j(this).datepicker('setDate', $j(this).datepicker('getDate'));
});

在这种情况下,我使用的效用函数的setDate和日期选择器本身的GETDATE.例如,当您使用键盘输入日期并使用TAB键时,此方法有效.但是,当您尝试使用鼠标选择日期时,模糊触发器也会激活.因此,您必须使用鼠标选择日期两次,因为第一个模糊事件会将旧值设置回来.

有什么事我想念我可以使用吗？

解决方法

不是很优雅但它是部分解决方案:

var timeout;
$j('#geboortedatum').live('keypress', function() {
    if(timeout) {
        clearTimeout(timeout);
        timeout = null;
    }
    timeout = setTimeout(formatDate, 1000);
});

function formatDate() {
    var gebdat = $j('#geboortedatum').val();
    var dashCount = gebdat.split('-').length - 1;
    if(dashCount == 2 && gebdat.length >= 5) {
        $j('#geboortedatum').datepicker('setDate', $j('#geboortedatum').datepicker('getDate'));
    }
}

Answer 1

我只是在datepicker istelf中使用onClose事件:

$(function(){
    var $myDate = $('#myDate');
    $myDate.datepicker({
      dateFormat: 'dd-mm-yy',
      onClose: function(dateText, inst) {
          $(this).datepicker('option', 'dateFormat', 'dd-mm-yy');                
    }
});

});

http://jsfiddle.net/RpUSL/