jQuery Datepicker 手动输入日期格式

Question

我有一个 jQuery 日期选择器，格式为:dd-MM-yyyy。

默认情况下，日期选择器会将 1-2-3 和 1-2-99 等日期转换为 01-02-2003 并01-02-1999 分别。但是，只有当您按 Enter 键或从日期选择器中选择日期时才会出现这种情况。我尝试在离开字段时自动设置字段格式:

$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/