Forums

Add your feature requests here please.

Coolness. I'll put that on the list. Or if you feel up to it feel free to fork the code in github and make the changes, I will merge them in.

I would like to second the request for an example where one had multiple inputs of this type in the same form, but I am more interested in the situation where one has a table contain 100's of times and one wanted to bring up the widget adjacent to the chosen cell when one clicked on it.

I tried with a set of inputs and the sticking point I ran into was the placement of the container. It worked fine if we left the widget where it was but I wanted the widget next to the chosen input. I suppose I could create the widget on demand for each cell but that seems wasteful. What I was thinking was maybe one could detatch the widget from wherever it was and place it into the parent of the selected widget.. my solution almost worked too, but it loses the css .. this is what I tried...

<form>
<div>Label: <input type="text" name="time1" value="2:45AM" class="time"></div>
<div>Label: <input type="text" name="time2" value="2:45AM" class="time"></div>
<div>Label: <input type="text" name="time3" value="2:45AM" class="time"></div>
<div id='cb'>
</div>
</form>

then... something like:

Yui().Use('gallery-timepicker', function(Y) {
var pContainer = Y.get('#cb');
var dbg = Y.get('#dbg');
var theTarget;
var picker = new Y.Saw.Timepicker({contentBox: '#cb'});
picker.render();
picker.hide();
picker.set('time.ampm', picker.AM);

picker.subscribe('timeset', function(data){
if (theTarget)
theTarget.set('value' ,data.s12hour); //#time should be a text input
});

picker.subscribe('cellclick', function(e){
this.hide();
},picker);

function handleClick(e){
theTarget = e.target;
picker.hide();
var parent = theTarget.get('parentNode');
dbg.setContent(theTarget.get('id'));
pContainer.remove();
parent.appendChild(pContainer);
picker.toggle();
}

Y.all('.time').on('click', handleClick);
});

and it almost worked.. except the displayed widget does not have appropriate css settings. This might be completely the wrong way of going about it anyway, so I want to know the correct way.

Yeah, there is a bug, there was a static var being treated as if it wasn't. I have a patch I'm testing now, I'll request a push.

When the change is out using another one will be just like using the first, just call new Y.Saw.Timepicker and do whatever you like.

Ok fix is pushed, now two pickers will co-exist on the same page happily.