Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 12.11.2021, 09:07
Интересующийся
Отправить личное сообщение для Juslaines Посмотреть профиль Найти все сообщения от Juslaines
 
Регистрация: 12.11.2021
Сообщений: 10

При выборе диапазона дат отображать нужный диапазон в виде текста
Здравствуйте!
Подскажите, пожалуйста, есть виджет с датами (от-до), при выборе нужных дат после нажатия на кнопку "ОК" нужно, чтобы выбранный диапазон появился в виде текста на другой кнопке(id="one"), а после нажатия кнопки "Очистить" -> сбрасывался

<form>
<div class="widthk">
    <div class="">Начало</div>
    <?= DatePicker::widget([
        'name' => 'fromdate',
        'type' => DatePicker::TYPE_COMPONENT_PREPEND,
        'language' => 'ru',
        'options' => [
            'placeholder' => '',
        ],
        'value'=>$fromdate,
        'pluginOptions' => [
            'endDate' => date('d-m-Y'),
            'autoclose' => true,
            'format' => 'dd.mm.yyyy',
            'dataFormat' => 'yyyy-mm-dd',
            'todayHighlight' => true,
        ],
    ]);
    ?>
    <div>Конец</div>
    <?= DatePicker::widget([
        'name' => 'todate',
        'type' => DatePicker::TYPE_COMPONENT_PREPEND,
        'language' => 'ru',
        'value'=>$todate,
        'options' => [
            'placeholder' => '',
        ],
        'pluginOptions' => [
            'endDate' => date('d-m-Y'),
            'autoclose' => true,
            'format' => 'dd.mm.yyyy',
            'dataFormat' => 'yyyy-mm-dd',
            'todayHighlight' => true,
        ],
    ]);
    ?>
     <button type="submit" class="btn btn-primary" onclick="location.href='reports'" id="ok"><i class="fas fa-check"></i>OK</button>
    <button type="button" class="btn btn-primary" onclick="location.href='reports'" id="reset"><i class="far fa-trash-alt"></i>Очистить</button>
</div>
</form>
<button type="button" class="btn btn-primary" id="one"><i class="far fa-trash-alt"></i>One</button>

Последний раз редактировалось Juslaines, 12.11.2021 в 09:18.
Ответить с цитированием
  #2 (permalink)  
Старый 12.11.2021, 09:37
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,123

Juslaines, вешай обработчик "submit" на форму... В нем отменяешь действие по умолчанию... Читаешь значение полей... Делаешь из них нужный текст для кнопки... Меняешь текст кнопки.

На кнопку "Очистить" так же вешаешь обработчик "click"... В нем меняешь текст на кнопке...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как с помощью скрипта высчитать ширину полосы прокрутки? LADYX Элементы интерфейса 35 13.11.2017 12:50