Question

我对jQuery DatePicker插件有一个问题。

我知道有一种名为AltField的东西。

我有一个日期范围功能，它只是演示代码。

代码在这里

    $(function() {
    var dates = $( "#from, #to" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 3,
        onSelect: function( selectedDate ) {
            var option = this.id == "from" ? "minDate" : "maxDate",
                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings );
            dates.not( this ).datepicker( "option", option, date );
        }
    });
});

我的问题是如何为每个输入字段应用两个不同的AltField？

非常感谢。

我已经度过了整个下午，仍然有任何线索......

Answer 1

altField（注意小写的“a”，因为你在问题中使用了大写的“A”）只是datepicker函数在其选项对象参数中采用的另一种选择（例如，就像defaultDate和changeMonth一样，因为你已经在使用它们了。因此，你可以添加它（altField是options对象的属性;它的值应该是一个选择器字符串）：

var dates = $( "#from, #to" ).datepicker({
    altField: "#someOtherField",
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 3,
    onSelect: function( selectedDate ) {
        var option = this.id == "from" ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" ),
            date = $.datepicker.parseDate(
                instance.settings.dateFormat ||
                $.datepicker._defaults.dateFormat,
                selectedDate, instance.settings );
        dates.not( this ).datepicker( "option", option, date );
    }
});

以上示例将使用与#someOtherField匹配的选择器altField。这与altFormat选项密切相关，该选项允许您在备用字段中指定值的格式。有关详细信息，请read the docs。

Answer 2

AltField允许您使用datepicker值更新另一个文本输入。在numberOfMonths之后，在onSelect之前将altField: '#actualDate',添加到init字符串其中#actualDate是另一个文本输入的id

<input type="text" id="actualDate" />

关于jQuery DatePicker插件的问题

2 个答案: