как вывести две даты с навигацией
возможно ли на яваскрипт реализовать чтобы обе даты менялись автоматически, в зависимости от сегодняшнего числа, текущая и вчерашняя? второй вопрос а возможно ли как то слово сегодня скрыть при выборе другой даты? и последний вопрос, возможно ли чтобы при выборе даты в одном див'е во втором див'е данные исчезли и появились только после клика по кнопке 'посмотреть'?
вот на этой странице <!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"> у сегодня и появлялся у следующего числа
|
NeoN, в идеале страница должна вести так, есть два див'а, в одном стоит сегодняшняя дата а во втором вчерашняя, в одном из див'ов нажали на элемент и выбрали другую дату в связи с этим в другом див'е у элементов изменились option на ноль с пустым значением, выбрали значения во всех элементах и нажали на кнопку, во втором див'е появились нужные значения на день вперед или назад зависимости в каком див'е меняли значения, и чтобы в 12 ночи автоматом менялось <selected="selected"> у 24го пропало а появилось у 25го
|
Цитата:
|
Рони, в первом див'е хочу просто посмотреть какой день недели будет через 17 или 39 лет определённого числа, для этого и нужна навигация, и чтобы в 12 ночи данные обновлялись
|
Rise, там только раз в год должно меняться автоматом <value="2019">
P. S. и при нажатии кнопок + и - |
например на странице конвертер дат есть перевод дат в разные календари, а именно Григорианский, Юлианский, Юлианский день, Еврейский, Исламский, Персидский, Курдский, Афганский, Майя, Бахаи, Индийский, Французский, ISO-8601, UNIX, Excel
|
при изменинии значений 1сутки×24×60×60×1000 на -13×24×60×60×1000 на одной странице получится конвертер дат с нового стиля на старый, на других страницах изменяя отклонения по времени + или - 1×24×60×60×1000 для других вариантов
|
как обьединить два скрипта в один?
<script type="text/javascript"><!-- var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); document.write(day[d.getDay()]+"<br/>" +d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear()); // --></script><br/> <script type="text/javascript"><!-- var d = new Date(new Date()-24*60*60*1000); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); document.write(d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear() ); // --></script> чтобы сразу показывало две даты? |
Besprizornik,
<script> var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); document.write(day[d.getDay()]+"<br/>" +d.getDate()+ " " + month[d.getMonth()]+ " " + d.getFullYear()); document.write("<br>"); d.setDate(d.getDate() - 1); document.write(d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear()) </script> |
Рони, всё вроде нормально, всё работает, но как быть если нужно отнять не ровно один день а 86399985 миллисекунд, тоесть сейчас надо -1 перевести в -24*60*60*1000 как в вложенных мной скриптах
|
Цитата:
d = new Date(new Date()-24*60*60*1000); и прочесть https://learn.javascript.ru/datetime |
Ура, всё работает на отлично...
чего я только не читал, за ночь выпил недельную норму кофе и выкурил три пачки сигарет, так и не понял ничего, надеюсь разберусь рано или поздно сравнивая эти примеры с шестой строкой... осталось разобраться как сейчас заменить текст на элементы <select> и <input> |
Доброе утро всем(надо же постебаться над самим собой)...
итак у нас получился следующий скрипт <script> var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); document.write(day[d.getDay()]+"<br/>" +d.getDate()+ " " + month[d.getMonth()]+ " " + d.getFullYear()); document.write("<br>"); d = new Date(new Date()-24*60*60*1000); document.write(d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear()) </script> как поступить если нам надо отнимать не от сегодняшнего числа а от введённого пользователем в первый див? и как сделать чтобы скрипт работал в обе стороны по принципу с двумя неизвестными и одной постоянной х1 минус постоянная равно х2 х1 равно постоянная плюс х2 где х1 - это наш первый див х2 - наш второй див постоянная - это одни сутки (ввиде 24*60*60*1000) |
Кто может глянуть скрипт, вроде там много лишнего, латинско-греческие названия месяцев и тому подобное...
несмог вставить сюда, длина страницы более 20 тыс символов, и почему то не удаётся загрузить ни архив ни тхт файл, как с устройства так с по адресу... если кому-то интересно могу в личку скинуть ссылку... |
и такая просьба, речь идет не о рабочем скрипте, а просто кто нибудь объясните на примере, как вставить компоненты времени в элементы форм, такие как select и input
|
P. S. кажется ура, вроде бы я нашёл правильную формулировку своего вопроса...
как на яваскрипт сравнить значение всех тегов <option> в <select> с текущей датой и при совпадении присвоить тегу <option> атрибут selected. |
Besprizornik,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"></style> <script> document.addEventListener('DOMContentLoaded', function() { var d = new Date(), sel = document.querySelector('.day'); sel.value = ('0'+ d.getDate()).substr(-2); }); </script> </head> <body> <select class="day"> <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> </body> </html> |
Rize, можешь сделать?
1. Цитата:
|
и 2. обьединить два скрипта
<script> var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); document.write(day[d.getDay()]+"<br/>" +d.getDate()+ " " + month[d.getMonth()]+ " " + d.getFullYear()); document.write("<br>"); d.setDate(d.getDate() - 13); document.write(d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear()) </script> <script> document.addEventListener('DOMContentLoaded', function() { var d = new Date(), sel = document.querySelector('.day'); sel.value = ('0'+ d.getDate()).substr(-2); }); </script> |
Рони, насколько я понял сюда надо добавлять для селектов с днём и месяцев?
('0'+d.getDate()).substr(-2); |
Besprizornik,
... могу только посоветовать учебник, ссылка в самом верху. |
три часа пытался что-то сделать, результата ноль...
<!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> <script> document.addEventListener('DOMContentLoaded', function() { var d = new Date(), sel = document.querySelector('.day_gr','.date_gr', '.month_gr', '.day_ul','.date_ul', '.month_ul'); sel.value = ('0' + d.getDay()).substr(-2); ('0' + d.getDate()).substr(-2); ('0' + d.getMonth()).substr(-2); }); </script> </head><body> <div class="seg"> Сегодня<br/> <select class="day_gr"><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">Воскресенье</option></select><br/> <select class="day_gr"><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">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 class="month_gr"><option value="0"></option><option value="01">января</option><option value="02">февраля</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 class="year_gr" type="number" size="4" name="year" min="0" max="2400" step="1" maxlength="4" value=""> - +<br> по григорианскому календарю (<i>новый стиль</i>) </div><br/><br/> <div class="vch"> Сегодня<br/> <select class="day_ul"><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">Воскресенье</option></select><br/> <select class="date_ul"><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">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 class="month_ul"><option value="0"></option><option value="01">января</option><option value="02">февраля</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 class="year_ul" type="number" size="4" name="year" min="0" max="2400" step="1" maxlength="4" value=""> - +<br/> по юлианскому календарю (<i>старый стиль</i>)<br> <button type="button">Посмотреть</button><br/><button type="reset">Очистить</button><br/> </div> <br><br><br><br><br> <script> var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник","Среда","Четверг","Пятница","Суббота"); var month=new Array("января","февраля","марта","апреля","мая","июня","июля","августа","сентября","октября","ноября","декабря"); document.write(day[d.getDay()]+"<br/>" +d.getDate()+ " " + month[d.getMonth()]+ " " + d.getFullYear()+"<br><br>"+day[d.getDay()]); document.write("<br>"); d.setDate(d.getDate() - 13); document.write(d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear()) </script> <br/><br/><br/><br/><br/> <table border="1"><tr><td>Кол-во дней</td><td>период чч.мм.гггг – чч.мм.гггг</td></tr><tr><td>10</td><td>15.10.1582 — 11.03.1700</td></tr><tr><td>11</td><td>12.03.1700 — 12.03.1800</td></tr><tr><td>12</td><td>13.03.1800 — 13.03.1900</td></tr><tr><td>13</td><td>14.03.1900 — 14.03.2100</td></tr><tr><td>14</td><td>15.03.2100 — 15.03.2200</td></tr><tr><td>15</td><td>16.03.2200 — 16.03.2300</td></tr></table> </body></html> что не так? |
Кто знает почему?
можно отредактировать первый пост темы, но нельзя отредактировать название темы? изменить на Кто напишет скрипт? Сколько будет стоить? |
Добрый день всем.
1000 лет назад при первых попытках создать свои простейшие странички на давно почившем 'венике' я пытался нарисовать рамку у див'а с помощью тега <hr>, сколько я ни лопатил инет я не мог понять что есть свойство бордер, но когда мне создали страничку и я начал пытаться ее отредактировать дело пошло намного веселее, одним словом без практики очень сложно понять что написано на Цитата:
на данный момент кто может объяснить почему у <input type="text"> год выводится, а в <input type="numbet"> нет? |
Часовой пояс GMT +3, время: 12:52. |