На некоторых сайтах можно увидеть текущую дату. Дата может быть выведена в любом формате, например День недели,
число месяц год, или просто ДД.ММ.ГГГГ, и так далее. Для вывода даты используют самые разные скрипты, но я
приведу Вам самый простой пример.
С помощью данного скрипта можно вывести дату полностью, или отдельные ее компоненты (отдельно день недели, отдельно число, отдельно год и т.д.)
Итак, не буду Вас томить ожиданием, и приведу код для вывода даты в формате «день недели число месяц год.»:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script language="javascript" type="text/javascript"><!-- var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник", "Среда","Четверг","Пятница","Суббота"); var month=new Array("января","февраля","марта","апреля","мая","июня", "июля","августа","сентября","октября","ноября","декабря"); document.write(day[d.getDay()]+" " +d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear() + " г."); //--></script> |
Если Вы хотите вывести дату в формате ДД.ММ.ГГГГ без дня недели, используйте такой код:
1 2 3 4 5 6 7 8 9 | <script language="javascript" type="text/javascript"><!-- var d = new Date(); var month=new Array("января","февраля","марта","апреля","мая","июня", "июля","августа","сентября","октября","ноября","декабря"); document.write(d.getDate()+ " " + month[d.getMonth()] + " " + d.getFullYear() + " г."); //--></script> |
А если хотите вывести месяц в цифровом формате, то есть вместо названия месяца вывести цифры, например вместо Января прописываем 01 и т.д.:
1 2 | var month=new Array("01","02","03","04","05","06", "07","08","09","10","11","12"); |
Вот варианты:
То же самое можно сделать и с названиями дней недели (сократить), например Воскресенье=Вс., Понедельник=Пн., и так до Субботы. Будьте внимательными! Неделя начинается с Воскресенья, как в Англии, а не как у нас тут в России панимаишь с Понедельника.
Идем дальше. Допустим, Вам нужно вывести только ДЕНЬ НЕДЕЛИ. Естественно здесь уже нужен другой код:
1 2 3 4 5 6 7 8 | <script language="javascript" type="text/javascript"><!-- var d = new Date(); var day=new Array("Воскресенье","Понедельник","Вторник", "Среда","Четверг","Пятница","Суббота"); document.write(day[d.getDay()]); //--></script> |
Если нужно вывести только ЧИСЛО (врядли это кому надо, но сделать можно), то используйте такой код:
1 2 3 4 5 | <script language="javascript" type="text/javascript"><!-- var d = new Date(); document.write([d.getDate()]); //--></script>-е |
В конце я использую «-е», чтобы после выглядело так, например 5-е, 6-е..
Идем дальше. Выводим только текущий МЕСЯЦ.
Используем код:
1 2 3 4 5 6 7 8 | <script language="javascript" type="text/javascript"><!-- var d = new Date(); var month=new Array("Январь","Февраль","Март","Апрель","Май","Июнь", "Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь"); document.write(month[d.getMonth()]); //--></script> |
Ну и наконец, если нужно вывести только текущий ГОД.
1 2 3 4 5 | <script language="javascript" type="text/javascript"><!-- var d = new Date(); document.write([d.getFullYear()] + " год"); //--></script> |
Посмотреть различные варианты использования скрипта можно на этой странице.
P.S. Если Вы хотите добавить к дате часы, используйте простой скрипт.
Скачайте js-файл и закачайте его в определенную директорию сайта по FTP при помощи FileZilla, а в коде самой веб-страницы нужно прописать следующее:
1 2 3 | <script type="text/javascript" src="путь к файлу clockscript.js"></script> <body onload="goforit()"> <span id="clock"></span> |
Скрипт в действии:
Итак, мы разобрали самый простой скрипт вывода даты + скрипт для вывода и даты и времени. Применяйте данные скрипты по своему усмотрению как угодно! Удачи!
Здравствуйте, Никита!
Один маленький вопрос —
куда лучше вставлять код?
С Уважением, Григорий.
Код целиком вставляете в то место, где нужно отобразить дату.
Пока что меня устраивает — как выводится дата на моём сайте.
Но, как знать, вдруг возникнет новая необходимость.
Теперь я знаю куда обращаться.
Как ни странно, но мне этот скрипт пригодился в конкурсе комментаторов.
Добрый день, я выбрал формат ДД.ММ.ГГГГ…, поместил на сайт…, на 2,3 и 4 страницах всё получилось как описано Вами, а на 1 в добавок появился календарь…, как от него избавиться???
Можно взглянуть?
СПАСИБО!
А как сделать, чтобы дата была на один день выше? Тоесть у меня акция на сайте и нужно дату на 1 день увеличить:
Сегодня 30 мая, а акция получается по 31 мая.
Есть решение какое для этого?
Может просто написать «Акция до 31 мая»?
и тогда прийдется каждый день писать… мне надо автоматически — это лендинг и акция, которая начинается и заканчивается каждый день
Что не знаешь как доработать свой скрипт?
Во-первых, это не мой скрипт, во-вторых, в Вашем случае нужен совсем другой скрипт, который отсчитывает, сколько времени осталось.
Подскажите, как можно менять шрифт?
С помощью font-style
Здравствуйте а вы не могли бы из этого скрипта вырезать код который относиться непосредственно к часам эти часики мне очень нужны а как их отделить от даты не знаю. Знаю что других много, но хотелось бы эти. Напишите на маил если не сложно. Спасибо.
На почту отправил.
Спасибо! )
Здравствуйте! Как изменить шрифт скрипта дня недели, даты и времени — очень мелко?
Заранее, спасибо.
Попробуйте добавить параметры font size, или font style
Добрый день, подскажите, как сделать, чтобы каждый год менялась автоматически цифра. Компания работает на рынке 17 лет.
Спасибо!
С Новогодними праздниками!
Если нужно вывести текущий год, то используйте код:
[html]<script language="javascript" type="text/javascript"><!—
var d = new Date();
document.write([d.getFullYear()] + " год");
//—></script>[/html]
Можете сделать проще — написать год основания компании и далее скрипт, например: 1999-2016
Добрый день! Установила скрипт в header wordpress, на сайте ничего не изменилаось, даты нет..
Помогите разобраться?
Возможно, дату закрывает другой элемент.
Здравствуйте. А как поставить запятую в скрипте после дня недели? Чтобы получилось Среда, 9 мая 2018 г.
Заранее спасибо!
Попробуйте поставить запятую, закрыв тегами p
Привет Никита. А можно вместо числа показывать заранее подготовленные картинки (31 шт)
Про такую возможность не знаю