Jump to content


Photo
- - - - -

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

дата timepicker

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

Go to the full post


  • This topic is locked This topic is locked
18 replies to this topic

#1 epson950

epson950
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 195
  • topics: 38

Posted 27 December 2015 - 02:07

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

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

Image20151219170852.jpg

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


  • 0

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


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

Павел Акимов
  • JBZoo User (rus)
  • User rate: 20.2
  • posts: 452
  • topics: 63

Posted 27 December 2015 - 08:09

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


  • 0

#3 epson950

epson950
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 195
  • topics: 38

Posted 27 December 2015 - 15:02

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


  • 0

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


#4 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 27 December 2015 - 16:47

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

#5 laRus

laRus
  • JBZoo User (rus)
  • User rate: 60
  • posts: 1334
  • topics: 31

Posted 27 December 2015 - 16:57

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


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

#6 epson950

epson950
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 195
  • topics: 38

Posted 27 December 2015 - 18:39

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

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

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


Edited by epson950, 27 December 2015 - 18:46.

  • 0

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


#7 epson950

epson950
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 195
  • topics: 38

Posted 31 December 2015 - 00:05

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

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

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

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


Edited by epson950, 31 December 2015 - 00:06.

  • 0

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


#8 woodman

woodman
  • JBZoo User (rus)
  • User rate: 38.4
  • posts: 648
  • topics: 59

Posted 31 December 2015 - 00:58

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


  • 0

#9 epson950

epson950
  • Topic Starter
  • JBZoo User (rus)
  • User rate: 1.6
  • posts: 195
  • topics: 38

Posted 31 December 2015 - 02:21

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


  • 0

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


#10 woodman

woodman
  • JBZoo User (rus)
  • User rate: 38.4
  • posts: 648
  • topics: 59

Posted 31 December 2015 - 10:15

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

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

 

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

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


Edited by woodman, 31 December 2015 - 12:50.

  • 0





Click to return to top of page in style!