Tgdtp is an Telegram Web App date and time picker. With it, you can make an easy choice of date and time for your bot. Please, DO NOT remove copyright!
Send message from bot to user with web_app
type button link to expented.github.io/tgdtp/. Process event message
with web_app_data
field, which will contain timespamp
and timezoneOffset
.
web_app_data: {
button_text: 'test',
data: '1649812020000_-240'
}
This is example of web_app_data
. In this case timespamp
is 1649812020000
, and timezoneOffset
is -240
.
Important: Do not use an inline keyboard to open this application.
You also can use parametrs to make picker more flexible. Here is the list of avalibule parametrs:
- hide
- min
- max
- text
Let's talk about all of it. With hide
you can hide one of fieds, date
or time
. By using min
user will not be able to choose date less than specified, with max
user will not be able to select a date more than then specified. With text
you can change the main title on the site. Below you can see some examples.
- https://expented.github.io/tgdtp/?hide=time&max=2023-04-01 | Hidden field with time selection, maximum date for selection is 01.04.2023
- https://expented.github.io/tgdtp/?hide=date | Hidden field with date selection
- https://expented.github.io/tgdtp/?min=2022-04-01 | Minimum date for selection is 01.04.2022
- https://expented.github.io/tgdtp/?min=2022-01-01&max=2023-01-01 | Minimum date for selection in 01.01.2022, maximum date for selection is 01.01.2023
- https://expented.github.io/tgdtp/?hide=date&text=SELECT%20TIME: | Hidden field with date selection, text changed to
SELECT TIME
You can find examples in examples
folder, and also find it below.
If you have any questions, or you find an error, you can create an issues.
Made with ❤️ by Expented