日期选择器不适用于dd.mm.yyyy

时间:2013-01-12 00:15:54

标签: jquery jquery-ui user-interface datepicker

Jquery UI日期选择器不适用于dd.mm.yyyy格式。有没有办法让它发挥作用?

请测试

Date 1: <input type="text" name="date1" id="date1" class="date" value="">
Date 2: <input type="text" name="date2" id="date2" class="date" value="">
$(document).ready(function(){ 
$('.date').each(function(){
        $(this).datepicker({ changeMonth: true,changeYear: true,maxDate: "+0D"});
        $(this).datepicker( "option", "dateFormat", "dd.mm.yyyy" );
    });  });

http://jsfiddle.net/sateeshchandrach/T2u5v/3/

很抱歉再次更新了问题,有没有办法让Jquery UI与日期格式的4y一起使用。

2 个答案:

答案 0 :(得分:1)

您的日期格式错误。

JS:

$( "#datepicker" ).datepicker();
$( "#datepicker" ).datepicker( "option", "dateFormat", "dd.mm.yy" );

HTML

<p>Date: <input type="text" id="datepicker" size="30" /></p>

示例小提琴:http://jsfiddle.net/9EhDx/

有效的日期格式字符串列表可以在JQuery formatdate文档中找到。

The format can be combinations of the following:
    d - day of month (no leading zero)
    dd - day of month (two digit)
    o - day of the year (no leading zeros)
    oo - day of the year (three digit)
    D - day name short
    DD - day name long
    m - month of year (no leading zero)
    mm - month of year (two digit)
    M - month name short
    MM - month name long
    y - year (two digit) 
    yy - year (four digit)
    @ - Unix timestamp (ms since 01/01/1970)
    ! - Windows ticks (100ns since 01/01/0001)
    '...' - literal text
    '' - single quote
    anything else - literal text

答案 1 :(得分:1)

您可以将自己的自定义格式传递给Jquery UI。

在你的dateFormat中,你使用的是YYYY而不是YY,

http://docs.jquery.com/UI/Datepicker/formatDate处的文档包含正确的格式:

y - 年(两位数) yy - year(四位数)

您的代码应为:

例如:

$(document).ready(function(){ 
   $("#date").datepicker({ changeMonth: true,changeYear: true,maxDate: "+0D",dateFormat: "dd.mm.yy" });
  });

http://jsfiddle.net/T2u5v/4/