jQuery Datepicker altField 问题

Question

我在使用 jQuery datepicker 小部件时遇到了一些问题。此代码按预期工作，并且 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/