Перейти к содержимому


Фотография
- - - - -

Настройка ввода даты (timepicker)

дата timepicker

Лучший Ответ epson950 , 17 March 2016 - 13:41

Решение нашел на сайте 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

Перейти к сообщению


  • Закрытая тема Тема закрыта
Сообщений в теме: 18

#1 epson950

epson950

Отправлено 27 December 2015 - 02:07

Весь уже извелся, спрашивал в "бесплатном" разделе- тишина. Наконец купил продукт, может тут ответят?

В моем каталоге в нескольких местах надо вводить даты (возраст, дата окончания вуза и т.п), в общем года далеко от текущего. Но встроенный в ZOO Timepicker не дает выбрать год напрямую, а щелкать помесячно с текущего года до, скажем 1970го- задолбаешься.

Image20151219170852.jpg

Помогите решить проблему с выбором года, а заодно убрать выбор времени, ну не нужно это в моем каталоге абсолютно.


  • 0

Я не программист, PHP и JS не знаю, ZOO и JBZoo только начинаю изучать. Будьте милосерды - учтите эти данные при ответах!


#2 Павел Акимов

Павел Акимов

Отправлено 27 December 2015 - 08:09

а не проще сделать свой простой текстовый элемент и на него в едит повесить любой подходящий скрипт календаря?


  • 0

#3 epson950

epson950

Отправлено 27 December 2015 - 15:02

Возможно и проще, только вот я не совсем программист. Я бы даже сказал- совсем не программист :( И даже не представляю, как подступиться....


  • 0

Я не программист, PHP и JS не знаю, ZOO и JBZoo только начинаю изучать. Будьте милосерды - учтите эти данные при ответах!


#4 laRus

laRus

Отправлено 27 December 2015 - 16:47

epson950, у Вас есть пример скрипта календаря, который Вас устраивает?
  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#5 laRus

laRus

Отправлено 27 December 2015 - 16:57

если есть, то можно добавить, например, элемент snippet, а через него - в нужное место поле с календарем.


  • 0
..minimum effort for maximum effect? - Oh yeah! It's good!..

#6 epson950

epson950

Отправлено 27 December 2015 - 18:39

Вполне бы подошел Bootstrap 3 Datapicker

но как его добавить не понимаю, элемент snippet в submission даже не появляется.

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


Сообщение отредактировал epson950: 27 December 2015 - 18:46

  • 0

Я не программист, PHP и JS не знаю, ZOO и JBZoo только начинаю изучать. Будьте милосерды - учтите эти данные при ответах!


#7 epson950

epson950

Отправлено 31 December 2015 - 00:05

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

В связи с этим возникают два вопроса:

первый- администрация считает, что это вопрос не в ее компетенции или о не ее продукте? поэтому обещанного в течении 24 часов ответа нет уже 4 дня?

второй- неужели никто датапикер не использует иначе, чем ввести дату доставки через день? Никто не вводит им возраст? Что бы ввести например мой, нужно кликнуть мышкой больше 500 раз, неужели всех это устраивает и никто эту проблему не решал?


Сообщение отредактировал epson950: 31 December 2015 - 00:06

  • 0

Я не программист, PHP и JS не знаю, ZOO и JBZoo только начинаю изучать. Будьте милосерды - учтите эти данные при ответах!


#8 woodman

woodman

Отправлено 31 December 2015 - 00:58

Можете показать, что у Вас получилось, когда Вы прикрутили бутстрап?


  • 0

#9 epson950

epson950

Отправлено 31 December 2015 - 02:21

Не совсем понял вопрос :( Если вы про сам бутстрап, то я его не прикручивал, он в основе фреймворка Helix 3 с которым я работаю. А если вы про датапикер из бутстрапа, то моих знаний не хватает его "прикрутить" :(


  • 0

Я не программист, PHP и JS не знаю, ZOO и JBZoo только начинаю изучать. Будьте милосерды - учтите эти данные при ответах!


#10 woodman

woodman

Отправлено 31 December 2015 - 10:15

Ну Вы же ссылку на туториал дали как его прикрутить. Чего не попробовали сами сделать?

Там достаточно просто подключить скрипты из примера (там показано как) и добавить блоку атрибуты от даты бутстрапа.

 

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

Простого решения, скорее всего, не будет. Нужно делать элемент именно с тем календарем, который Вам нужен.


Сообщение отредактировал woodman: 31 December 2015 - 12:50

  • 0





Темы с аналогичным тегами дата, timepicker

Click to return to top of page in style!