Простой скрипт даты для сайта

2013-08-05 | Javascript

На некоторых сайтах можно увидеть текущую дату. Дата может быть выведена в любом формате, например День недели,
число месяц год, или просто ДД.ММ.ГГГГ, и так далее. Для вывода даты используют самые разные скрипты, но я
приведу Вам самый простой пример.

С помощью данного скрипта можно вывести дату полностью, или отдельные ее компоненты (отдельно день недели, отдельно число, отдельно год и т.д.)

Итак, не буду Вас томить ожиданием, и приведу код для вывода даты в формате «день недели число месяц год.»:

 
<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>

Если Вы хотите вывести дату в формате ДД.ММ.ГГГГ без дня недели, используйте такой код:

<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");

Вот варианты:

То же самое можно сделать и с названиями дней недели (сократить), например Воскресенье=Вс., Понедельник=Пн., и так до Субботы. Будьте внимательными! Неделя начинается с Воскресенья, как в Англии, а не как у нас тут в России панимаишь с Понедельника.

Идем дальше. Допустим, Вам нужно вывести только ДЕНЬ НЕДЕЛИ. Естественно здесь уже нужен другой код:

<script language="javascript" type="text/javascript"><!--
var d = new Date();
 
var day=new Array("Воскресенье","Понедельник","Вторник",
"Среда","Четверг","Пятница","Суббота");
 
document.write(day[d.getDay()]);
//--></script>

Если нужно вывести только ЧИСЛО (врядли это кому надо, но сделать можно), то используйте такой код:

<script language="javascript" type="text/javascript"><!--
var d = new Date();
 
document.write([d.getDate()]);
//--></script>-е

В конце я использую «-е», чтобы после выглядело так, например 5-е, 6-е..

Идем дальше. Выводим только текущий МЕСЯЦ.

Используем код:

<script language="javascript" type="text/javascript"><!--
var d = new Date();
 
var month=new Array("Январь","Февраль","Март","Апрель","Май","Июнь",
"Июль","Август","Сентябрь","Октябрь","Ноябрь","Декабрь");
 
document.write(month[d.getMonth()]);
//--></script>

Ну и наконец, если нужно вывести только текущий ГОД.

<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>

Скрипт в действии:

Итак, мы разобрали самый простой скрипт вывода даты + скрипт для вывода и даты и времени. Применяйте данные скрипты по своему усмотрению как угодно! Удачи!

Поделиться:

Записи по теме:

28 комментариев к записи "Простой скрипт даты для сайта"

Григорий от 27.10.2013 в 12:12 пишет:

Здравствуйте, Никита!
Один маленький вопрос —
куда лучше вставлять код?
С Уважением, Григорий.

Ответить ↓
- Никита от 27.10.2013 в 22:09 пишет:
  
  Код целиком вставляете в то место, где нужно отобразить дату.
  
  Ответить ↓
Мозгунова Ирина от 24.11.2013 в 14:45 пишет:

Пока что меня устраивает — как выводится дата на моём сайте.
Но, как знать, вдруг возникнет новая необходимость.
Теперь я знаю куда обращаться.

Ответить ↓
- Никита от 24.11.2013 в 17:22 пишет:
  
  Как ни странно, но мне этот скрипт пригодился в конкурсе комментаторов.
  
  Ответить ↓
Vlad от 07.05.2014 в 14:21 пишет:

Добрый день, я выбрал формат ДД.ММ.ГГГГ…, поместил на сайт…, на 2,3 и 4 страницах всё получилось как описано Вами, а на 1 в добавок появился календарь…, как от него избавиться???

Ответить ↓
- Никита от 07.05.2014 в 20:43 пишет:
  
  Можно взглянуть?
  
  Ответить ↓
Ольга от 10.05.2014 в 00:33 пишет:

СПАСИБО!

Ответить ↓
Олег от 30.05.2014 в 15:34 пишет:

А как сделать, чтобы дата была на один день выше? Тоесть у меня акция на сайте и нужно дату на 1 день увеличить:
Сегодня 30 мая, а акция получается по 31 мая.
Есть решение какое для этого?

Ответить ↓
- Никита от 30.05.2014 в 23:15 пишет:
  
  Может просто написать «Акция до 31 мая»?
  
  Ответить ↓
  - Олег от 30.05.2014 в 23:40 пишет:
    
    и тогда прийдется каждый день писать… мне надо автоматически — это лендинг и акция, которая начинается и заканчивается каждый день
    
    Ответить ↓
  - Олег от 01.06.2014 в 11:42 пишет:
    
    Что не знаешь как доработать свой скрипт?
    
    Ответить ↓
    - Никита от 01.06.2014 в 21:55 пишет:
      
      Во-первых, это не мой скрипт, во-вторых, в Вашем случае нужен совсем другой скрипт, который отсчитывает, сколько времени осталось.
      
      Ответить ↓
Александр от 17.07.2014 в 17:49 пишет:

Подскажите, как можно менять шрифт?

Ответить ↓
- Никита от 20.07.2014 в 20:36 пишет:
  
  С помощью font-style
  
  Ответить ↓
Александр от 22.07.2014 в 11:41 пишет:

Здравствуйте а вы не могли бы из этого скрипта вырезать код который относиться непосредственно к часам эти часики мне очень нужны а как их отделить от даты не знаю. Знаю что других много, но хотелось бы эти. Напишите на маил если не сложно. Спасибо.

Ответить ↓
- Никита от 23.07.2014 в 21:42 пишет:
  
  На почту отправил.
  
  Ответить ↓
Виктор от 01.08.2015 в 12:12 пишет:

Спасибо! )

Ответить ↓
Юлия от 13.08.2015 в 12:19 пишет:

Здравствуйте! Как изменить шрифт скрипта дня недели, даты и времени — очень мелко?
Заранее, спасибо.

Ответить ↓
- Никита от 14.08.2015 в 22:12 пишет:
  
  Попробуйте добавить параметры font size, или font style
  
  Ответить ↓
igor от 01.01.2016 в 18:47 пишет:

Добрый день, подскажите, как сделать, чтобы каждый год менялась автоматически цифра. Компания работает на рынке 17 лет.
Спасибо!
С Новогодними праздниками!

Ответить ↓
- Никита от 08.01.2016 в 19:26 пишет:
  
  Если нужно вывести текущий год, то используйте код:
  [html]<script language="javascript" type="text/javascript"><!—
  var d = new Date();
  document.write([d.getFullYear()] + " год");
  //—></script>[/html]
  Можете сделать проще — написать год основания компании и далее скрипт, например: 1999-2016
  
  Ответить ↓
Анастасия от 12.04.2016 в 17:19 пишет:

Добрый день! Установила скрипт в header wordpress, на сайте ничего не изменилаось, даты нет.. Помогите разобраться?

Ответить ↓
- Никита от 13.04.2016 в 20:17 пишет:
  
  Возможно, дату закрывает другой элемент.
  
  Ответить ↓
Артем от 09.05.2018 в 17:19 пишет:

Здравствуйте. А как поставить запятую в скрипте после дня недели? Чтобы получилось Среда, 9 мая 2018 г.
Заранее спасибо!

Ответить ↓
- Никита от 25.05.2018 в 00:04 пишет:
  
  Попробуйте поставить запятую, закрыв тегами p
  
  Ответить ↓
Сергей от 22.05.2018 в 09:00 пишет:

Привет Никита. А можно вместо числа показывать заранее подготовленные картинки (31 шт)

Ответить ↓
- Никита от 25.05.2018 в 00:03 пишет:
  
  Про такую возможность не знаю
  
  Ответить ↓