0 Пользователей и 1 Гость просматривают эту тему.
  • 10 Ответов
  • 225 Просмотров
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
Приветствую! Курю мануал 4й день по Бутстраповскому DateTimePicker, moments.js и пока не разобрался. Может, подскажете?
Есть начальная дата и конечная (выбираем из календаря). По ним 2 вопроса:
1) Как высчитать количество дней между датами (для сведущих - мне пофиг часовой пояс и разница во времени, я об этом в курсе)?
2) Как в календаре с конечной датой блокировать даты, которые раньше, чем я уже выбрал в «начальном» календаре? То есть если я выбрал начальную дату 1 декабря, то в календаре конечной даты надо заблокировать все даты до 1 декабря.
3) как перемножить все полученные результаты и получить в виде php-переменной?

Вот что нужно поиметь на выходе:
https://johnnsoft.space/test2
Кусок кода прилагаю (пользую moments.js, Бутстраповский DateTimePicker):
Код
		<script>
    $(function () {
        $('#welcome').datetimepicker({
            locale: 'ru',
            format: 'DD.MM.YYYY',
            minDate: new Date,
        });

        $('.glyphicon-remove').click(function () {
            $('#welcome').data("DateTimePicker").clear();
        });
    });
</script>

<script>
    $(function () {
        $('#perenos').datetimepicker({
            locale: 'ru',
            format: 'DD.MM.YYYY',
            minDate: new Date,
        });

        $('.glyphicon-remove').click(function () {
            $('#perenos').data("DateTimePicker").clear();
        });
    });
</script>

Как я понимаю, для решения вопроса по п.2 необходимо во втором скрипте в строке minDate: new Date, подставить вместо new Date какое-то выражение, не могу пока разобраться, какое. Очень надеюсь на помощь по всем трём вопросам. Во вложении исходники, работают без привязки к локалке, просто php переименуйте в html
UPD не вкладывается, даю ссылку: https://johnnsoft.space/test2/calc.zip
« Последнее редактирование: 20.11.2020, 19:35:09 от Dorfman »
*

sivers

  • Завсегдатай
  • 1732
  • 239 / 0
1.
Код
var welcomeDate = $('#welcome').data("DateTimePicker").date();
var perenosDate = $('#perenos').data("DateTimePicker").date();
var days = (perenosDate-welcomeDate)/1000/60/60/24;
alert(days);

2.
Код
$('#welcome').on('dp.change', function(){
   var welcomeDate = $('#welcome').data("DateTimePicker").date();
   $('#perenos').data("DateTimePicker").minDate(welcomeDate);
});

3. Не понял что и с чем перемножать надо?

P.S. Вы хоть размещайте ссылку откуда библиотеку брали, а то их много похожих - искал долго:
_https://getdatepicker.com/4/
Там вся документация.
« Последнее редактирование: 20.11.2020, 23:13:31 от sivers »
На связи в телеге @sivers
https://sivers.su/
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
Код
 $('#welcome').on('dp.change', function(){ var welcomeDate = $('#welcome').data("DateTimePicker").date(); $('#perenos').data("DateTimePicker").minDate(welcomeDate); }); 
Вах, грейт, заработало! Спасибо! Теперь после выбора даты начала она же подставляется в дату окончания!

Код
 var welcomeDate = $('#welcome').data("DateTimePicker").date(); var perenosDate = $('#perenos').data("DateTimePicker").date(); var days = (perenosDate-welcomeDate)/1000/60/60/24; alert(days); 
Вот тут в формуле пришлось добавить единицу, т.к. если человек приехал и уехал в тот же день - он всё равно БЫЛ 1 ДЕНЬ!
Код
var days = (perenosDate-welcomeDate)/1000/60/60/24+1
В общем-то это неправильный костыль. Логичнее бы было это заложить ещё в календаре - условие, что если perenosDate = welcomeDate, то var days = 1, а уже потом ждать выбор даты окончания, и если человек выбирает другую дату, то эту единицу проигнорировать.

3. Не понял что и с чем перемножать надо?
Я привёл ссылку на прототип и даже прицепил исходник. Нужно перемножить кол-во людей на кол-во дней и на стоимость человека/день, результат вывести в этом же попапе
« Последнее редактирование: 21.11.2020, 03:17:10 от Dorfman »
*

sivers

  • Завсегдатай
  • 1732
  • 239 / 0
и если человек выбирает другую дату, то эту единицу проигнорировать.
Так добавьте условие просто:
Код
var days = ... ;
if(days < 1){ days = 1; }

Для корректного получения значений селектов (особенно первого) надо добавить во все option атрибут value с числом.
Тогда сумма будет вычисляться как:
Код
var sum = days * $('#gohome').val() * $('#homeSelector').val();
На связи в телеге @sivers
https://sivers.su/
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
Так добавьте условие просто:
Код
 var days = ... ; if(days < 1){ days = 1; } 
хм, ну тоже вариант. Как-то даже не подумал...

Для корректного получения значений селектов (особенно первого) надо добавить во все option атрибут value с числом. Тогда сумма будет вычисляться как:
Код
 var sum = days * $('#gohome').val() * $('#homeSelector').val(); 
С опшенами понятное дело, за JS код огромное спасибо - я в нём дикарь.
Теперь трабла с выводом. Пытаюсь вывести результат по onclick - никак не получается, пишет undefined. Что я делаю не так? (в коде я переименовал gohome на sleep)

Код
                function summary() {
                document.getElementById('summary').innerHTML = sum;
            }
var sum = days * $('#sleep').val() * $('#homeSelector').val();
...
<button onclick="summary()" title="Рассчитать" type="button" class="btn btn-default"> Расчёт
                    </button>
<p id="summary">рассчитываю...</p>

*

sivers

  • Завсегдатай
  • 1732
  • 239 / 0
Что я делаю не так?
Так смотреть надо. Вносите правки на страницу из первого поста.
На связи в телеге @sivers
https://sivers.su/
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
Так смотреть надо. Вносите правки на страницу из первого поста.
Залил,
https://johnnsoft.space/test2/
*

sivers

  • Завсегдатай
  • 1732
  • 239 / 0
Надо было весь расчет запихать в функцию summary:
Код
function summary() {
    var welcomeDate = $('#welcome').data("DateTimePicker").date();
    var perenosDate = $('#perenos').data("DateTimePicker").date();
    var days = (perenosDate-welcomeDate)/1000/60/60/24;
    if(days < 1) {days = 1};
    var sum = days * $('#sleep').val() * $('#homeSelector').val();
    document.getElementById('summary').innerHTML = sum;
}
На связи в телеге @sivers
https://sivers.su/
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
Ещё один ламерский вопрос: как по событию onclick (то есть по нажатию кнопки "расчёт") обнулить все введённые данные? А то получается, что если после первого расчёта сразу сделать второй, то выдаётся какая-то хрень. Помогает только перезагрузка страницы. У меня выводится так:
Код
<button onclick="summary()" title="Рассчитать" type="button" class="btn btn-default"> Расчёт
</button>
*

Dorfman

  • Завсегдатай
  • 1202
  • 78 / 4
  • Почти влез...
*

sivers

  • Завсегдатай
  • 1732
  • 239 / 0
Вопрос снят, type=reset
Лучше разобраться что за "хрень" выводится при повторном клике и сделать, чтоб была "не хрень". Если брасывать после каждого расчета, то тоже не очень удобно. Хочешь посчитать несколько вариантов с изменением одного из параметров, а вводить придется каждый раз все.
На связи в телеге @sivers
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Переход по ссылки и запуск функции? [РЕШЕНО]

Автор warlocksp

Ответов: 19
Просмотров: 459
Последний ответ 21.02.2020, 12:06:24
от warlocksp
Как получить объект с полной информацией о материале через API Joomla? [РЕШЕНО]

Автор dm-krv

Ответов: 4
Просмотров: 497
Последний ответ 03.08.2019, 16:30:51
от dm-krv
Как создавать мультиязычные статьи скриптом php в Joomla?

Автор SalityGEN

Ответов: 9
Просмотров: 454
Последний ответ 02.03.2019, 13:33:41
от SalityGEN
Устройство конструкций php кода в Joomla и документация

Автор RTEagle

Ответов: 4
Просмотров: 588
Последний ответ 08.05.2018, 13:09:32
от RTEagle
Перенести сайт с Magento на Joomla как можно быстрее?

Автор MasterFloma

Ответов: 6
Просмотров: 595
Последний ответ 28.04.2018, 06:30:30
от Taatshi