JQuery UI

jquery ui Динамическое добавление датапикера ( datepicker, datetimepicker) выбора даты при создании элемента через JS

Если элемент на странице создаётся динамически (с помощью javascript), то добавьте к input класс:

datepicker_recurring_start

А в JS код страницы такой обработчик:

$('body').on('focus',".datepicker_recurring_start", function(){
	$(this).datepicker();
});

А если вам нужно чтобы выбиралось и время, то так:

JQuery UI datepicker -- пример русского формата даты

Пример:

    $(".e_date").datetimepicker({dateFormat: 'dd.mm.yy', timeFormat: 'hh:mm tt', dateonly: true});

Пример сортировки блоков мышкой (интерфейс) drug & drop JQuery UI - код и HTML

Итак, чуть более подробный (чем здесь) - пример:

// сортировка (drug & drop)-----------

$(function() {
$( ".sortable" ).sortable({
	handle: '.sortable-handle', // ограничим активизацию перетаскивания одним из подблоков строки списка
	delay: 150, // задержка после клика(чтобы не вызвать сортировку случайно)
	axis: 'y', // сортируем только по вертикали (в данном случае)
	stop: function (event, ui) {
		var data = {earr: $(this).sortable('serialize')}; // получаем ланные о классе
		$.ajax({
			data: data,
Subscribe to RSS - JQuery UI