jquery - 在jquery UI datepicker范围中使用altFormat和altField

我正在尝试获取日期范围“从”到“到”以将其添加到我的数据库中。我使用altFormat和altField来以DB格式(yy-mm-dd)捕获日期，同时使用Datepicker jquery UI组件在UI中显示常规日期格式。

我的问题是:如何在Datepicker UI范围内使用它。我在哪里可以指定从日期选择器到日期选择器的altField？

http://jqueryui.com/demos/datepicker/#date-range

我的代码:

var dates = $( "#hotel_display_checkin_date, #hotel_display_checkout_date" ).datepicker({
        defaultDate: "+1w",
        changeMonth: true,
        numberOfMonths: 1,
        altFormat: "yy-mm-dd",
        altField: "#hotel_checkin_date",
        onSelect: function( selectedDate ) {
            var option1 = this.id == "hotel_display_checkin_date" ? "minDate" : "maxDate",

                instance = $( this ).data( "datepicker" ),
                date = $.datepicker.parseDate(
                    instance.settings.dateFormat ||
                    $.datepicker._defaults.dateFormat,
                    selectedDate, instance.settings ),
                    options = {option1: date}
            dates.not( this ).datepicker( "option", options );
        }
        });

我尝试将altField选项添加到options = {option1:date}，但这不起作用

最佳答案

您的主要问题是，您要为入住和退房日期使用相同的altField:

altField: '#hotel_checkin_date'

如果单独绑定(bind)它们:

var opts = {
    defaultDate: "+1w",
    changeMonth: true,
    numberOfMonths: 1,
    altFormat: "yy-mm-dd"
    onSelect: function(selectedDate) { ... }
};

$('#hotel_display_checkin_date').datepicker(
    $.extend({
        altField: '#hotel_checkin_date'
    }, opts)
);
$('#hotel_display_checkout_date').datepicker(
    $.extend({
        altField: '#hotel_checkout_date'
    }, opts)
);​

这样您就可以指定单独的altField，然后效果会更好。

演示:http://jsfiddle.net/ambiguous/bJ8bh/1/

关于jquery - 在jquery UI datepicker范围中使用altFormat和altField，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10611891/