Question

我完全坚持使用Datepicker。如果Datepicker处于活动状态，模糊会隐藏日历，但焦点仍然保留在输入中，因此我无法通过再次单击来再次触发datepicker。页面上只有2个日期选择器工作正常，所有其他都以这种方式破解。

这就是我设置datepickers的方法。第一对工作正常，第二对工作正常。

dates.intervalDatepickersSet( $( ".head-from, .head-to" ) );
dates.intervalDatepickersSet( $( ".residence-from, .residence-to" ) );

这是dates.intervalDatepickersSet：

intervalDatepickersSet: function( el ) {
    var interval, i,
    pair = [];

    if ( el.length > 2 ) {
        var elementsContainer = el.toArray();
        for ( i in elementsContainer ) {
            if ( elementsContainer.hasOwnProperty( i ) ) {
                pair[0] = elementsContainer.shift();
                pair[1] = elementsContainer.shift();
                // If we are on the Update order page, we could have few elements with same classes.
                // Set datpickers for each pair of that incoming bundle of   elements.
                dates.intervalDatepickersSet( $( pair ) );
            }
        }
    }

    interval = el.datepicker({
        onSelect: function( selectedDate ) {
            var prefix = dates.prefixFromTo( $( this ) ),
            option = ($(this).hasClass(prefix + '-from')) ? "minDate" : "maxDate",
            instance = $( this ).data( "datepicker" ),
            date = $.datepicker.parseDate(
                instance.settings.dateFormat || $.datepicker._defaults.dateFormat,
                selectedDate, instance.settings);
            interval.not( this ).datepicker( "option", option, date );
            /* calculations code */
    });
}

这有什么问题？

UPD 第一对工作元素：

<input id="id03" class="disable text from head-from" default="__.__._____" type="text" name="Order[z_start_date]" id="z_start_date" value="<?php if($this->getAction()->getId()=="create") echo '__.__._____'; else echo Yii::app()->dateFormatter->format('dd.MM.yyyy', $model->z_start_date);?>" />
<input id="id04" class="disable text to head-to" default="__.__._____" type="text" name="Order[z_end_date]" id="z_end_date" value="<?php if($this->getAction()->getId()=="create") echo '__.__._____'; else echo Yii::app()->dateFormatter->format('dd.MM.yyyy', $model->z_end_date);?>" />

第二个破碎的一对：

<input class="text dateOfSettlement1 residence-from" type="text" name="<?php echo $model->getAttrName($block, 'in'); ?>" value="Дата начала" default="Дата начала" />
<input class="text dateOfEviction1 residence-to" type="text" name="<?php echo $model->getAttrName($block, 'out'); ?>" value="Окончание" default="Окончание" />

UPD2

只有当我点击另一个输入或拖动某个元素（触发另一个动作）时，我才能再次触发datepicker。这种行为的原因是什么？

所以我只能在“focusout”事件之后再次触发datepicker，而不是在“blur”之后触发。虽然，日历隐藏着模糊。

Answer 1

签出datepicker showOn选项。 docs

您可能希望将其设置为“both”。默认情况下，它设置为“焦点”，如果输入元素仍然具有焦点，则不会再次触发。

奇怪的Datepicker行为，与模糊有关

1 个答案: