jQuery Datepicker altField 问题

Question

我在使用 jQuery 日期选择器小部件时遇到了一些问题。此代码按预期工作，alert(tempDate) 返回 dd-mm-yyyy 格式的日期:

$(document).ready(function() {
    $( "#datepicker" ).datepicker({
        //showOtherMonths: true,
        //selectOtherMonths: true,
        altField: "#alternate",
        altFormat: "d-m-yy"
    });
    $( "#datepicker" ).datepicker( "option", "dateFormat", "DD d MM, yy");
    $("#datepicker").change(function(){
        var tempDate = $("#alternate").val();
        alert(tempDate);
    });
});

但是，当我添加 minDate 和 maxDate 时，alert(tempDate) 不返回任何内容:

$(document).ready(function() {
    $( "#datepicker" ).datepicker({ minDate: -20, maxDate: +20 });
    $( "#datepicker" ).datepicker({
        //showOtherMonths: true,
        //selectOtherMonths: true,
        altField: "#alternate",
        altFormat: "d-m-yy"
    });
    $( "#datepicker" ).datepicker( "option", "dateFormat", "DD d MM, yy");
    $("#datepicker").change(function(){
        var tempDate = $("#alternate").val();
        alert(tempDate);
    });
});

这是 HTML:

<label>Date: </label><input type="text" id="datepicker" size="30"><input type="hidden" id="alternate"  />

任何帮助将不胜感激。谢谢!

Answer 1

您设置了两次选项，因此您将覆盖这些选项，请尝试将它们全部设置一次。

代码:

$("#datepicker").datepicker({
    minDate: -20,
    maxDate: +20,
    altField: "#alternate",
    altFormat: "d-m-yy",
    dateFormat: "DD d MM, yy"
});

演示:http://jsfiddle.net/IrvinDominin/6Vk9E/2/