Сообщений в теме: 18

[laRus]

А в ответ тишина...

UPD: я тут подумал, что все же так в лоб не получится. Судя по скриншоту, это Вы делаете для

 

 

epson950, извините, пожалуйста!!... вся эта предновогодняя суета и приготовления...   

Что-нибудь обязательно придумается! Отложим чуть, до после-нового-года?.. В смысле, после праздников! Хорошо? 

 

Спасибо!! И с наступающим!!    

[epson950]

Судя по скриншоту, это Вы делаете для подачи материалов

В точку! Мне это нужно

именно для submission, а советы выше касаются вывода

 

 

Отложим чуть, до после-нового-года?..

Конечно! Всех с Новым Годом! Успехов во всех начинаниях и финансового благополучия! А еще здоровья! ВСем!

Сообщение отредактировал epson950: 01 January 2016 - 06:08

[Павел Акимов]

посмотрите в сторону такого плагина. прикручивается элементарно. http://xdsoft.net/jq...datetimepicker/

 

Единственное не понятно, что вы дальше будите делать с этими данными. В зависимости от этого будет реализация.

 

Тут по сути нужно создать простой текстовый инпут и повесить на него плагин. Настроек там много и он легко верстается.

 

а вот модненький http://www.jqueryrai....com/?_F8wfBS3 

Сообщение отредактировал Павел Акимов: 01 January 2016 - 16:44

[laRus]

а вот модненький

В ссылке лишний пробел прописался, потому не та страница открывается. Можно я поправлю? ТУТ "модненький".   Павел Акимов, спасибо за ссылки.

[Павел Акимов]

Павел Акимов сказал(а) 01 Янв 2016 - 18:34: а вот модненький В ссылке лишний пробел прописался, потому не та страница открывается. Можно я поправлю? ТУТ "модненький".   Павел Акимов, спасибо за ссылки. 1 ..minimum effort for maximum effe

Спасиб! 

[woodman]

Я попробовал прикрутить тот datetimepicker и все получилось.

Сделал просто все по инструкции из ссылки, которую дал epson950.

Честно говоря, я даже не пойму почему Вы не попробовали сами сделать...

 

На всякий случай, вот сюда в шаблоне submission я вместо input'a вставил позицию (в нее я вывел обычное текстовое поле).

[epson950]

Ребят, поясню, в идеале хотелось бы полностью заменить существующий timepicker на новый, бутстраповский. В проекте я использую и элемент Data и элемент Data Pro и элемент Calcage. А в дальнейшем возможно еще и диапазон дат понадобится. А все эти элементы используют один timepicker, его и хочется заменить.

 

Теперь почему я не прикрутил это сам. До недавнего времени я занимался в основном железом, и только получение инвалидности и потеря работы вынудила меня заняться сайтами. Я пока в этом нуб и моих знаний хватает на "замените эту строку этой, в таком то файле". Сорри.

[woodman]

Вы скрипты умеете подключать к сайту?

CSS стили можете подключить?

Две строчки кода хотя бы попробовать скопировать и вставить сможете?

 

Какую строку и чем заменить я уже показал выше на скрине. Заменить нужно в файле шаблона submission.php в той позиции, в которой Вы хотите использовать таймпикер. Вместо элемента Data и DataPro используйте элемент Text.

Вот и всех делов.

 

Зеленая стрелка - файл, в котором менять. Красная - у меня каталог, у вас может быть uikit или bootstrap, но суть та же.

 

 

P.S. прочитайте тот туториал, который Вы же сюда и принесли. Там все по полочкам разложено что и куда.

[epson950]

Решение нашел на сайте YOOtheme

 

Надо в файле media/zoo/assets/js/date.js заменить содержимое на:

!function(a){var b=function(){};a.extend(b.prototype,{name:"Calendar",options:{translations:[],timepicker_translations:[]},initialize:function(f,d){this.options=a.extend({},this.options,d);var c=this;a.datepicker.regional.xx=c.options.translations;a.datepicker.setDefaults(a.datepicker.regional.xx);a.timepicker.regional.xx=c.options.timepicker_translations;a.timepicker.setDefaults(a.timepicker.regional.xx);f.delegate("img.zoo-calendar","click",function(){var g=a(this).prev("input");if(!g.length){return}if(g.data("timepicker")=="timepicker"){if(!a(this).data("initialized-timepicker")){g.datetimepicker({showOn:"button",dateFormat:a.datepicker.ISO_8601,changeYear:true,minDate:"-70Y",maxDate:"-15Y",yearRange:"1960:2050",constrainInput:false,timeFormat:"HH:mm:ss",showSecond:false});a(this).prevUntil("input").remove();a(this).data("initialized-timepicker",true)}g.datetimepicker("show")}else{if(!a(this).data("initialized-datepicker")){g.datepicker({showOn:"button",dateFormat:a.datepicker.ISO_8601,constrainInput:false});a(this).prevUntil("input").remove();a(this).data("initialized-datepicker",true)}g.datepicker("show")}})}});a.fn[b.prototype.name]=function(){var d=arguments;var c=d[0]?d[0]:null;return this.each(function(){var f=a(this);if(b.prototype[c]&&f.data(b.prototype.name)&&c!="initialize"){f.data(b.prototype.name)[c].apply(f.data(b.prototype.name),Array.prototype.slice.call(d,1))}else{if(!c||a.isPlainObject(c)){var e=new b;if(b.prototype.initialize){e.initialize.apply(e,a.merge([f],d))}f.data(b.prototype.name,e)}else{a.error("Method "+c+" does not exist on jQuery."+b.name)}}})}}(jQuery);

В данном примере диапазон годов 1960-2050