I want to use Date picker control to set date and time as in this image:
I add Date Picker control to page but it is added without time tool.
In the item attributes, under Appearance there is an attribute Format Mask. If you set that to a value that includes time, the date picker will be rendered with the time component.
Related
I am trying to find out how to disable the date click within a cell while in the month view. I cannot find it in the documentation on the site. I only see dayRender and disabling the entire cell. I just need the date itself not the cell. I needed selectable to be true for the calendar just not this piece.
Is there a event/render that I can get to in full calendar to stop this from going to the day view? Thanks for any help that is provided.
This query relates to using Robot Framework to select dates from a JQUERY Widget date picker. The JQUERY code was developed elsewhere and I’m not in a position to post.
The approach tried was
MAXIMIZE BROWSER WINDOW
WAIT UNTIL PAGE CONTAINS Arrival Date
click element xpath=.//*[#id='ArrivalDateLabel']
click element xpath=.//*[#id='dp1503657643051']/div/div/a[2]/span
Error reported
ValueError: Element locator 'xpath=.//*[#id='dp1503657643051']/div/div/a[2]/span' did not match any elements.
Analysis
Screen shot 1 shows that part of the date picker calendar is not visible during the running of the Robot Framework test and I believe this may be the reason for this. The solution referenced below does not seem to switch the label marked arrival in the screenshot.
Screen shot 1
Similar previous query
How do I send value to a date picker in Robot Framework?
This is a "best efforts" fix.
Open the calendar by clicking the label xpath.
Using the key commands
press key link=10 \13 - will pick the 10th
press key link=11 \13 - will pick the 11th
The issue is my date selections are confined to one month.
I had to proceed on this basis but believe there must be a better solution.
I have a particular condition if which fulfills,
then if I click on my calendar UI image, a small popup calendar opens up but
with only last date of each month enabled. Rest all the dates are
supposed to be disabled. But I have no idea how to enable only the last date
of each month as it is supposed to be kept dynamic as the last date of each month is different. So, delayedDates doesn't seem to be an option for me.
Does anyone know how to mask the input in a DateField in flex?
Our DateField uses the format DD/MM/YYYY.
Our users want:
to be able to type the date in without having to type in the slash
still be able to use the date selection in the date chooser (the drop down on the date field)
I google’d and found ways to do this with 3 text boxes. I would prefer to have a DateField control. That way the users would be able to make use of the date chooser (drop down) as well.
I would suggest adding a KeyboardEvent to the DateField, and handle the logic of adding or removing slashes inside the event listener function.
I found the best way to do this is onFocusOut I take the text and add the slashes back and reset the formatted text, before any validation fires.
Full Code post to follow:
I am using this datetimepicker by Trent Richardson, I can get the date time picker to work, however after the date is changed i need it to be put into a hidden asp.net control that is in an update panel.
So how can i make it so everytime the user changes the date and time it is sent to a label.
http://trentrichardson.com/examples/timepicker/
So since it seems like it's just a extension of the jQuery ui datepicker, you could use the altField option: http://jqueryui.com/demos/datepicker/#alt-field
or the onSelect Event to do it yourself: http://jqueryui.com/demos/datepicker/#event-onSelect