I am using https://vcalendar.io/ library to display date picker in my vuejs application.
I am using below version
"v-calendar": "^1.0.8",
popover is opened on textbox click, Issue is when i perform double click to select date then its not selecting date, it deselect and close popover
check link for issue: https://vcalendar.io/datepicker.html#date
Please help me to select date value on double click
Related
Ok, so I'm experiencing some strange behavior in datetimepicker fields in my program. I use Short format usually, and use a pair of them for date range selections.
The problem i'm experiencing is if a user is using the keyboard for input. they can tab and arrow through the field like normal to key in a date. However if the date part they are entering doesn't fill it's section of the mask and then they press enter to activate the formdefault without shifting focus away from that portion of the date, then the value of the DTP when the ok_button.click event is run is whatever value it had in it BEFORE they typed their change.
to give a specific example:
A user tabs into the date field. the default date in the field is today's date, 4/14/2015. They type in 1, arrow to the day, put in 1, then arrow to the year and type 14, then press enter. The reported value of the DTP is going to be 1/1/2015. Had they instead actually typed out 2015, or used the arrow to move to another date part or tab to shift focus to another control, the DTP will auto update to fill in the rest of the year.
The same problem would exist if they had typed in a 1 for the month and then hit enter, but would NOT happen if they put in a 12 for the month.
The only solution I can think of, and I haven't yet tried to implement it because it sounds like a real kludge and would require me to go through at TON of forms in the project, would be to change the keypress event for enter to shift focus to the OK button, and THEN invoke the formdefault.
I will say that most of the datetimepicker fields on my forms are actually contained within a user control, so if this is a property that can be changed in the control or tied to an event in the control, it would make updating much, MUCH easier.
I am currently using Microsoft Visual Studio Express 2013 for Windows desktop with an SQL back-end. I am trying to run an SQL query that will have the date time in format "yyyy-mm-dd." My problem is I need to see all entries from that date. Currently my date time picker keeps giving me a time with my selection. I need to remove the time portion. I tried a couple of solutions from the web but when I try and display the date time picker in a message box to see what the value is it says false. I am not sure how to change the output value in the custom field to remove this. Here is my code.
This is in on my load event:
'date time picker set up
DTPPromiseDate.Format = DateTimePickerFormat.Custom
DTPPromiseDate.CustomFormat = "yyyy-MM-dd"
Then in a button click event, is a message box to display what was selected in the date time picker. I want to get my message box working correctly before I try and run SQL queries with it.
MsgBox(DTPPromiseDate.Value)
-------------------------UPDATE-----------------
This code appeared as I wanted it to but I am still trying to work it into my query.
DTPPromiseDate.Value.ToString("yyyy-MM-dd")
Apply the formatting string that you used in the picker's custom format to the message box text as well.
I am using Visual Basic 2010. My question can best explained by these images.
I would like to know how to make the labels appear as dates depending on what the DateTimePicker is set on. For Example:
This is what the code looks now that I have solved my issue.
Private Sub MonthCalendar1_DateChanged(ByVal sender As System.Object, ByVal e As System.Windows.Forms.DateRangeEventArgs) Handles MonthCalendar1.DateChanged
Me.Label14.Text = CStr(Me.MonthCalendar1.SelectionRange.Start)
Me.Label13.Text = CStr(Me.MonthCalendar1.SelectionRange.Start.AddDays(6))
Me.Label12.Text = CStr(Me.MonthCalendar1.SelectionRange.Start.AddDays(1))
Me.Label11.Text = CStr(Me.MonthCalendar1.SelectionRange.Start.AddDays(2))
Me.Label10.Text = CStr(Me.MonthCalendar1.SelectionRange.Start.AddDays(3))
Me.Label9.Text = CStr(Me.MonthCalendar1.SelectionRange.Start.AddDays(4))
Me.Label15.Text = CStr(Me.MonthCalendar1.SelectionRange.Start.AddDays(5))
End Sub
I don't have Visual Studio installed on this computer, so I can't give you the exact code, so I will try to explain it.
In the code of the event for the DateTimePicker, you have to calculate for each label the difference in days of the week from your date to the date you want to show (Wednesday to Saturday - 3 days (and you have a little error in the images - you have to switch Wednesday with Tuesday), Thursday to Saturday - 2 days, and so on...).
After that, you subtract (or add, if the day is after the chosen date) the referential date with the corresponding value from above, and you get the date needed. Now you only have to show the result in the label.
Found the answer to my own question.
To retrieve a date and display it in a label:
In the File menu, click New Project.
The New Project dialog box appears.
Click Windows Forms Application and then click OK.
Add a Label control to the form, leaving the default name Label1.
Remove the text from the Text property of the Label control.
Add a MonthCalendar control to the form, leaving the default name MonthCalendar1.
Double-click the MonthCalendar control to enter the default event handler in the Code Editor.
In the MonthCalendar1_DateChanged event handler, add the following code to add items to the list:
Me.Label1.Text = CStr(Me.MonthCalendar1.SelectionRange.Start)
Return to Designer view and add a DateTimePicker control to the form, leaving the default name DateTimePicker1.
Double-click the DateTimePicker control to enter the default event handler in the Code Editor.
In the DateTimePicker_ValueChanged event handler, add the following code to add items to the list:
Me.Label1.Text = CStr(Me.DateTimePicker1.Value)
Press F5 to run the program.
When the form appears, click a date in the MonthCalendar control and verify that the date is displayed in the label.
Click the drop-down arrow of the DateTimePicker control and select a date.
The date and time are displayed in the label.
I want to select date from datepicker, below things i tried
Identify the text box in which selected date gets entered.
Identify the datepicker ICON and click on that so that it gets open with current
date highlighted.
Here if I pass required date directly to date text box through sendkeys, it works. But i want to select the date from datepicker which is very old like "10/2/1895", then how to do..?
Html Code:
<img src="/img/default/extjs/s.gif?hash=797058701" class="x-form-trigger x-form-date-trigger " id="ext-gen7">
Clicking on the image which opens dataPickerCalendar
Driver.pFCreateTaskUnderProject.getDpImage().click();
Driver.pFCreateTaskUnderProject.getTxtDateOFBirth()...????????
Here i am not able to proceed. How to select the date[10-2-1952] from the calendar..?
If manual then we will go back to 1952, then select 2nd month and 10th Date. But with automation how to do this...?
Thanks
Mahesh
I've just created default datepicker from the link http://www.androidpeople.com/android-datepicker-dialog-example .Its working fine.But my problem is when i click date button.,it shown up..and i change the date and click cancel button on date alert.Again when i click date button.,it should shown current date..not previously changed date. i.e.i just need to get current date at each click whatever the date change.
my solve method may be not the better:when you call OnDateSetListener(),you should save the first date,so when you chick the cancen button,you shululd recover it