как вывести две даты с навигацией
возможно ли на яваскрипт реализовать чтобы обе даты менялись автоматически, в зависимости от сегодняшнего числа, текущая и вчерашняя? второй вопрос а возможно ли как то слово сегодня скрыть при выборе другой даты? и последний вопрос, возможно ли чтобы при выборе даты в одном див'е во втором див'е данные исчезли и появились только после клика по кнопке 'посмотреть'?
вот на этой странице <!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, время: 14:38. |