Datepicker не работает — решено!

datepickerКоротко о том избавиться от ситуации, когда Datepicker не работает. Для этого нужно просто вставить datepicker (это такой выпадающий календарь) на шаблон или отдельную страницу с помощью jQuery. При этом мы одновременно:

  • русифицируем не работавший до этого Datepicker;
  • и сделаем Понедельник первым днем недели.

Рабочий пример:

<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
  
<script src="//code.jquery.com/jquery-1.12.4.js"></script> 

<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 

<script>
  $( function() {
    $( "#jform_mydate" ).datepicker({
		dateFormat: "dd.mm.yy",
		monthNames: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь',
					 'Октябрь', 'Ноябрь', 'Декабрь'],
		dayNamesMin: ['Вс','Пн','Вт','Ср','Чт','Пт','Сб'],
		firstDay: 1,
		
	});
  } );
</script>

<style>
  #ui-datepicker-div {
	  width:200px; background:aliceblue;
  } 
</style>

В данном примере календарь будет вставлен в элемент страницы c id=»jform_mydate». Например, в такой:

<input type="text" id="jform_mydate" />

.

Более подробно о том, что выполняется в каждой строке скрипта, чтобы datepicker нормально функционировал — немного позже.

ПС. При использовании стандартных средств Joomla оказалось, что у меня datepicker не работал, и заставить его это делать другим способом, кроме описанного — не получилось. Спас jQuery.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.