B4A Library DateTimePicker View

DateTimePicker view is based on the CustomListView and snapCLV with a design similar to the ios datetime picker. This view has only been tested in B4A, it is not very useful in B4i since for ios the built-in picker is better.


Screenshot_20200524-010539.jpg
screenshot_DateTimePicker.jpg
screenshot2.jpg


1. Add the module and layout to your project (attached files). You should not modify this layout, it is for internal use only.
Download de layout file depending on the platform you want to use, .bal for B4A. For B4i and B4j download the zip file with the corresponding name.
2. Add the DateTimePicker custom view to your own layout in the designer.
3. Set the min,max dates and it is ready to use.

Remember to add the CustomListView and XUI library to your project.

Example:
Code: 
Sub Globals
    Private DateTimePicker1 As DateTimePicker
End Sub
Sub Activity_Create(FirstTime As Boolean)
    Activity.LoadLayout("1") 'Layout with the datetimepicker custom view

    ToastMessageShow("Click the activity",True)
    DateTimePicker1.SetMinDate(DateTime.Now-DateTime.TicksPerDay*15)
    DateTimePicker1.SetMaxDate(DateTime.Now+DateTime.TicksPerDay*15)
    DateTimePicker1.SetSelectedValue(DateTime.Now)
    DateTimePicker1.Show
End Sub
Sub Activity_Click
    If DateTimePicker1.Selected > 0 Then
        Log($"$DateTime{DateTimePicker1.Selected}"$)
        ToastMessageShow($"$DateTime{DateTimePicker1.Selected}"$,True)
    End If
End Sub

UPDATE:
Version 1.4
-Added "fade away" effect
-Return the date as long value or a list of the selected values, each as a string
-Fixed an issue that didn't draw the lines in B4j

Version 1.3
-Probably Multiplatform. Download de layout file depending on the platform you want to use, .bal for B4A. For B4i and B4j download the zip file with the corresponding name.
-Fixed an issue that may prevent some cases to compile.

Version 1.2
-Fixed an issue that returned datetime = -1
-Now you can set the text color, line color and background color
-Other minor details
 

Attachments

Last edited:
Click to expand...
Congratulations,

It could be expanded with more options like this class does.

[Class]ClsWheel Input wheels

Attached you find a new CLASS ClsWheel. It allows to display different data input screens with wheels. What can be done ? You can define nine different types of Wheel input screens: DATE a date input : year / month / day A default value can...
www.b4x.com www.b4x.com

regards.
 
Would it be possible that the minutes and seconds were in a continuous wheel?
That is: 57 58 59 0 1 ......... 57 58 59 0

Thanks.
 
UPDATE.
Version 1.2
-Fixed an issue that returned datetime = -1
-Now you can set the text color, line color and background color
-Other minor details

Files in first post.
 
Last edited:
klaus said:
You suggest you to replace the DateTimePicker.bas in the first post by the last one.
Users are used to find the latest version in the first post.
Click to expand...
Good point. I just moved the latest files to the first post. Thanks
 
jtare said:
DateTimePicker view is based on the CustomListView with a design similar to the ios datetime picker. This view has only been tested in B4A, it is not very useful in B4i since for ios the built-in picker is better.


View attachment 94622

Add the module and layout to your project (attached files). You should not modify this layout, it is for internal use only.
Add the DateTimePicker view in the designer
Set the min,max dates and it is ready to use.

Remember to add the CustomListView library to your project.

Example:
Code: 
Sub Globals
    Private DateTimePicker1 As DateTimePicker
End Sub
Sub Activity_Create(FirstTime As Boolean)
    Activity.LoadLayout("1") 'Layout with the datetimepicker custom view

    ToastMessageShow("Click the activity",True)
    DateTimePicker1.SetMinDate(DateTime.Now-DateTime.TicksPerDay*15)
    DateTimePicker1.SetMaxDate(DateTime.Now+DateTime.TicksPerDay*15)
    DateTimePicker1.SetSelectedValue(DateTime.Now)
    DateTimePicker1.Show
End Sub
Sub Activity_Click
    If DateTimePicker1.Selected > 0 Then
        Log($"$DateTime{DateTimePicker1.Selected}"$)
        ToastMessageShow($"$DateTime{DateTimePicker1.Selected}"$,True)
    End If
End Sub

UPDATE: Version 1.2
-Fixed an issue that returned datetime = -1
-Now you can set the text color, line color and background color
-Other minor details
Click to expand...
Did you indicate B4X because it is multiplatform?
What other platforms does it work on besides B4A?
 
Star-Dust said:
Did you indicate B4X because it is multiplatform?
What other platforms does it work on besides B4A?
Click to expand...
Only works on B4A, a few modifications will be require to use it in the other platforms. They will become obvious once you open the class module. And maybe the datetimelayout.bal will need to be manually copied.

Edit: No longer true. V1.3 has been tested in B4A, B4i and B4j.
 
Last edited:
jtare said:
Only works on B4A, a few modifications will be require to use it in the other platforms. They will become obvious once you open the class module. And maybe the datetimelayout.bal will need to be manually copied.
Click to expand...
B4X misled me, it gives the idea that it is cross-platform.
 
Nitin Joshi said:
Can i use only for Time? Picker should show only Time, is this possible?
Click to expand...
It should be possible. Try changing the layout under Base_Resize (Width As Double, Height As Double) to hide the custom list view that shows the days, and resize the other two to fill the view.
The selected value will still be a long integer, you simply pass to DateTime.GetHour(ticks as long) and it will return the hour, same for the minutes with DateTime.GetMinute(ticks As long).
 
Very good job!

Just one thing that I don't think has been thought of and in some cases it can be bad: When you need to define a very wide range of dates, for example, a range of several years. The person doesn't have the year information (I added it to the code), however, the problem is that the person has to scroll a lot to find a date. How about tweaking this, maybe adding a year control?

Very grateful for your cooperation!
 
adriano.freitas said:
Very good job!

Just one thing that I don't think has been thought of and in some cases it can be bad: When you need to define a very wide range of dates, for example, a range of several years. The person doesn't have the year information (I added it to the code), however, the problem is that the person has to scroll a lot to find a date. How about tweaking this, maybe adding a year control?

Very grateful for your cooperation!
Click to expand...
It was designed for periods of time smaller than one year. Adding year control could be achieved in multiple ways such as adding a fourth selector, adding the year to the day selector, or make it a two step process where the user first selects the year and then the date within that year.
 
adriano.freitas said:
Very good job!

Just one thing that I don't think has been thought of and in some cases it can be bad: When you need to define a very wide range of dates, for example, a range of several years. The person doesn't have the year information (I added it to the code), however, the problem is that the person has to scroll a lot to find a date. How about tweaking this, maybe adding a year control?

Very grateful for your cooperation!
Click to expand...

An example of a simple two step date selector is attached. A nice looking one will need some work, this is very basic, just to demonstrate the concept.
 

Attachments

jtare said:
DateTimePicker view
Click to expand...
Ok this is an old thread by I have come to a problem now :

I have been using this library which really does suit my immediate purposes - thank you for it.

However, it seems that (as noted in your post #1 that there is an update to this but i cannot find it - the version i have is 1.01.

Can you please direct me to where I can find the update. Thank you.

ALSO - when I try to get a selected date from the popup calendar (dt.Selected) I get the error that Selected
Unknown member: selected​
I need to get the selected date whether in the past or future.

Can you give me some guidance.

Thank you very much and for providing libraries.
 
rabbitBUSH said:
Ok this is an old thread by I have come to a problem now :

I have been using this library which really does suit my immediate purposes - thank you for it.

However, it seems that (as noted in your post #1 that there is an update to this but i cannot find it - the version i have is 1.01.

Can you please direct me to where I can find the update. Thank you.

ALSO - when I try to get a selected date from the popup calendar (dt.Selected) I get the error that Selected
Unknown member: selected​
I need to get the selected date whether in the past or future.

Can you give me some guidance.

Thank you very much and for providing libraries.
Click to expand...

You can find version 1.4 in the first post, download the file "DateTimePicker.bas". An example is also attached in the first post.
Can you create a small project replicating the error you have encountered? I was not able to replicate it.

[CODE lang="b4x" title="Example" highlight="31,32,33,34,35"]'DateTimePicker V1.4

Sub Globals
Private DateTimePicker1 As DateTimePicker
End Sub

Sub Activity_Create(FirstTime As Boolean)
Activity.LoadLayout("1")

ToastMessageShow("Click the activity",True)


DateTimePicker1.SetMinDate(DateTime.Now-DateTime.TicksPerDay*15)
DateTimePicker1.SetMaxDate(DateTime.Now+DateTime.TicksPerHour*13)
DateTimePicker1.SetSelectedValue(DateTime.Now)

DateTimePicker1.backgroundColor = Colors.Black
DateTimePicker1.focusedTextColor = Colors.White
DateTimePicker1.lineColor = Colors.Yellow
DateTimePicker1.fadeAwayEffect = True 'New

DateTimePicker1.Show

End Sub

Sub Activity_Resume

End Sub

Sub Activity_Click
If DateTimePicker1.Selected > 0 Then
Log(DateTimePicker1.SelectedRawValues) 'New
Log($"$DateTime{DateTimePicker1.Selected}"$)
ToastMessageShow($"$DateTime{DateTimePicker1.Selected}"$,True)
End If
End Sub

Sub Activity_Pause (UserClosed As Boolean)

End Sub[/CODE]
 
You must log in or register to reply here.

Similar Threads

GMan
  • Question Question
B4J Question Make native Slider "stepable" ?
Replies
0
Views
9
GMan
GMan
mcqueccu
  • Question Question
Android Question Conflict in merge for keyvaluestore and sqlcipherb4a when R8optimize is true
Replies
0
Views
31
mcqueccu
mcqueccu
J
  • Question Question
Android Question error QR scanner with R8
Replies
1
Views
56
Erel
Erel
Erel
Server software is being upgraded
Replies
3
Views
130
LucaMs
LucaMs
A
eMedNY
Replies
0
Views
103
Alex_197
A
Back
Top