Building a date picker

DarrenBignall · 2023-07-10T22:08:51.37+00:00

I want to build a date picker component, but think I'd need more date functions (getFullYear, getMonth, getDate and getDay) to allow me to work out the amount of days in month, day of week on 1st day. Would there be another way to handle this, wothout these functions?

DarrenBignall

2 years ago

I want to build a date picker component, but think I'd need more date functions (getFullYear, getMonth, getDate and getDay) to allow me to work out the amount of days in month, day of week on 1st day. Would there be another way to handle this, wothout these functions?
👍1
@DarrenBignall
I want to build a date picker component, but think I'd need more date functions (getFullYear, getMonth, getDate and getDay) to allow me to work out the amount of days in month, day of week on 1st day. Would there be another way to handle this, wothout these functions?
Raphael Walters

2 years ago

Very interested to hear everyone's thoughts on this too as a date picker is on my todo list.
@DarrenBignall
I want to build a date picker component, but think I'd need more date functions (getFullYear, getMonth, getDate and getDay) to allow me to work out the amount of days in month, day of week on 1st day. Would there be another way to handle this, wothout these functions?
gazinhio

2 years ago

Do you need to know how to get the last day of month, the day of a month, the month of a date etc out of a date?
@gazinhio
Do you need to know how to get the last day of month, the day of a month, the month of a date etc out of a date?
DarrenBignall

2 years ago

Yeah, so the user will have a month and year selected and I need to know how to display:
1. The correct number of days for that month (and year for leap years) - so last day of the given month would be perfect
2. The day of week of the 1st day of month so I can correctly display the days

Feels like I don't have enough functions to achieve this at the mo, but feel like you are about to tell me different ... 😉
Erik Beuschau

2 years ago

Great question @DarrenBignall 👍 We'll see if we can add a few more functions to help you out using dates. At least it's not easy to achieve atm using the Format Date formula. Stay tuned 🙂
DarrenBignall

2 years ago

You are a legend @Erik Beuschau !!
gazinhio

2 years ago

In leau of the Toddle guys adding the functionality here's a couple of things that might help ...
First of all create an array called "daysInMonth"
gazinhio

2 years ago

Create a formula called MonthNumberFromDate. This takes a timestamp as an input and spits out the month number ...
gazinhio

2 years ago

We need to formula which tell us how many days in February based on whether it's a leap year, so create another formula called IsLeapYear ..
This again takes a timestamp and spits out a boolean based on whether it's a leap year or not.
gazinhio

2 years ago

Next we need a formula which returns the actual number of days in Feb, which relies on the IsLeapYear formula ...
Tod

2 years ago

Great energy @! Your continuous contribution to the toddle Community just made you advance to Community Level 3!
gazinhio

2 years ago

Ooops sorry, you'll also need a YearFromDate formula which takes a timestamp and returns the year as a number ...
gazinhio

2 years ago

Finally ..... the formula which returns the number of days in the month callled NumberOfDaysInMonth, again takes a timestamp and returns the number of days in the month of the date ....
gazinhio

2 years ago

To get the day of the week from the first of a month, create a formula called FirstDayNameInMonth, this take a timestamp as an input and spits out the first three letters of the day of the week of the first day, it uses the date format returned by Toddle, converts it to a string and "Takes" it's first 3 characters which is the day of the week. A bit cheeky but it works 😉
🙏1
DarrenBignall

2 years ago

https://tenor.com/view/hero-super-hero-superman-wait-im-coming-gif-17734378
@ just finished his days work …
DarrenBignall

2 years ago

That’s amazing pal. Thanks for taking the time to answer that. 👍
Tod

2 years ago

Great energy @DarrenBignall! Your continuous contribution to the toddle Community just made you advance to Community Level 8!
@DarrenBignall
https://tenor.com/view/hero-super-hero-superman-wait-im-coming-gif-17734378
gazinhio

2 years ago

🤣 No worries. Looking forward to when we can share formulas with others, I know the fellaz are working on it (with a thousand and one other things) but it will really open things up. 👍
gazinhio

2 years ago

Actually is there a way to share this test project with you to look at? If so I've not seen it yet?
DarrenBignall

2 years ago

if it is a test project with nothing else in it then i think you can add me as a member on the free plan ...
DarrenBignall

2 years ago

darren@blincref.com
@DarrenBignall
if it is a test project with nothing else in it then i think you can add me as a member on the free plan ...
gazinhio

2 years ago

I've invited you now. It's in the Demo2 branch and the DateTest page. Feel free to have a look around, there are a lot of formulas that were just for playing & testing so not all work, the one's I mentioned above work as advertised 🤞 if you need anything in particular just let me know 👍
DarrenBignall

2 years ago

Amazing, appreciate that 🙏 . I am in and looking 👀
👍1
DarrenBignall

2 years ago

I can copy the formulas out of your project pretty easily 👍 just need to copy the card just before the output and can then paste that into a formula in my project 👌
gazinhio

2 years ago

Great stuff. Look forward to seeing your date picker 👍
Andreas Møller

2 years ago

It is possible to clone a public project, if you share the link to it.
👍2

Building a date picker

DarrenBignall

Raphael Walters

gazinhio

DarrenBignall

Erik Beuschau

DarrenBignall

gazinhio

gazinhio

gazinhio

gazinhio

Tod

gazinhio

gazinhio

gazinhio

DarrenBignall

DarrenBignall

Tod

gazinhio

gazinhio

DarrenBignall

DarrenBignall

gazinhio

DarrenBignall

DarrenBignall

gazinhio

Andreas Møller