|
как вывести две даты с навигацией
возможно ли на яваскрипт реализовать чтобы обе даты менялись автоматически, в зависимости от сегодняшнего числа, текущая и вчерашняя? второй вопрос а возможно ли как то слово сегодня скрыть при выборе другой даты? и последний вопрос, возможно ли чтобы при выборе даты в одном див'е во втором див'е данные исчезли и появились только после клика по кнопке 'посмотреть'?
вот на этой странице <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html><head> <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8"/> <title></title> </head><body> <div class="seg"> Сегодня<br/> <select><option value="0"></option><option value="1">Понедельник</option><option value="2">Вторник</option><option value="3">Среда</option><option value="4">Четверг</option><option value="5">Пятница</option><option value="6">Суббота</option><option value="7" selected="selected">Воскресенье</option></select><br/> <select><option value="0"></option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24" selected="selected">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select><option value="0"></option><option value="01">января</option><option value="02" selected="selected">февраля</option><option value="03">марта</option><option value="04">апреля</option><option value="05">мая</option><option value="06">июня</option><option value="07">июля</option><option value="08">августа</option><option value="09">сентября</option><option value="10">октября</option><option value="11">ноября</option><option value="12">декабря</option></select> -<input type="number" size="4" name="year" min="0" max="2400" step="1" maxlength="4" value="2019">+ </div><br/><br/> <div class="vch"> <select><option value="0"></option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23" selected="selected">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select><option value="0"></option><option value="01">января</option><option value="02" selected="selected">февраля</option><option value="03">марта</option><option value="04">апреля</option><option value="05">мая</option><option value="06">июня</option><option value="07">июля</option><option value="08">августа</option><option value="09">сентября</option><option value="10">октября</option><option value="11">ноября</option><option value="12">декабря</option></select> -<input type="number" size="4" name="year" min="0" max="2400" step="1" maxlength="4" value="2019">+<br/> <button type="button">Посмотреть</button><br/><button type="reset">Очистить</button><br/> </div> </body></html> или это возможно только на пхп? |
Хм, спасибо и на этом, что не обматюкали и не обозвали нубом, видимо придётся искать другие варианты кроме яваскрипт, ведь это не дело вручную менять даты, насколько я понял именно от <selected="selected"> зависит какое значение стоит в элементе и вручную переставлять датам это каждый день замучаешся
|
Besprizornik,
https://www.vandelaydesign.com/30-be...query-plugins/ |
Рони, а там вроди какой календарь, а мне надо просто показать две даты, в первом див'е сегодняшную, во втором на 24×60×60×1000 мс больше или меньше первой
|
Rise, в <div class="seg"> вывести сегодня дату, а в <div class="vch"> неважно вчера или сегодня, надеюсь что моих познаний в html хватит чтобы сменить знак '+' на '-' или наоборот и добавить кол-во дней типа 5×24×60×60×1000
|
потому что там они не нужны
|
речь идет о датах а не днях недели, и в первом див'е дни недели добавлены просто для информативности что сегодня такой день недели
|
datepicker день назад
Besprizornik,
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Default functionality</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<style type="text/css">
body{
font-size: 12px;
}
.active .ui-state-default{
background: rgba(102, 255, 102, 1)
}
.active:hover .ui-state-default{
background: rgba(255, 255, 0, 1)
}
</style>
<script>
$(function() {
$.datepicker.regional['ru'] = {
closeText: 'Закрыть',
prevText: '<Пред',
nextText: 'След>',
currentText: 'Сегодня',
monthNames: ['Январь','Февраль','Март','Апрель','Май','Июнь', 'Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'],
monthNamesShort: ['Янв','Фев','Мар','Апр','Май','Июн', 'Июл','Авг','Сен','Окт','Ноя','Дек'],
dayNames: ['воскресенье','понедельник','вторник','среда','четверг','пятница','суббота'],
dayNamesShort: ['вск','пнд','втр','срд','чтв','птн','сбт'],
dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
dateFormat: 'dd MM yy',
firstDay: 1,
isRTL: false,
showOtherMonths:true,
selectOtherMonths:true,
changeMonth:true,
changeYear: false,
showAnim:'scale'
};
$.datepicker.setDefaults($.datepicker.regional['ru']);
$( '.seg' ).datepicker({
onSelect : function(date) {
date = $.datepicker.parseDate("dd MM yy", date);
date.setDate(date.getDate() - 1)
$('.vch').datepicker('setDate', date)
}
}).datepicker("setDate", "0");
$( '.vch' ).datepicker({
onSelect : function(date) {
date = $.datepicker.parseDate("dd MM yy", date);
date.setDate(date.getDate() + 1)
$('.seg').datepicker('setDate', date)
}
}).datepicker("setDate", "-1");
});
</script>
</head>
<body>
<label><input class="seg"> нажать выбрать дату</label>
<label><input class="vch"> день назад</label>
</body>
</html>
|
может я чего-то не понимаю в задаче. но судя по всему это простая задача, которая решается добавлением небольшого кода javascript, который будет вставлять в поля текущую и вчерашнюю даты. а также добавлять таймаут на наступление следующего дня, когда нужно обновить значение полей с датами. плюс добавить обработчик на смену текущей даты, чтобы скрывать другое неизменяемое поле. и еще добавить обработчик на кнопку показать, чтобы отображал скрытое поле и вставлял туда текущее значение. и вовсе не обязательно использовать jquery даже.
|
Рони, мне не календарь нужен, а просто чтобы в 12 ночи пропадал <selected="selected"> у сегодня и появлялся у следующего числа
|
| Часовой пояс GMT +3, время: 16:09. |
|