Create a Date Time Widget with HTML, CSS & JavaScript

2 года назад

19,719 Просмотров

VIEW THE SOURCE CODE:
https://codepen.io/dcode-software/pen/abqRRqq

In today's video we'll create a date time widget using HTML, CSS and JavaScript. There will be libraries or frameworks required for this and it will update with the current time.

🏫 My Udemy Courses - https://www.udemy.com/user/domenic-corso/
🎨 Download my VS Code theme - https://marketplace.visualstudio.com/items?itemName=dcode.dcode-theme
💜 Join my Discord Server - https://discord.gg/TXMQyvbpcA
🐦 Find me on Twitter - https://twitter.com/dcodeyt
💸 Support me on Patreon - https://www.patreon.com/dcode
📰 Follow me on DEV Community - https://dev.to/dcodeyt
📹 Join this channel to get access to perks - https://www.youtube.com/channel/UCjX0FtIZBBVD3YoCcxnDC4g/join

If this video helped you out and you'd like to see more, make sure to leave a like and subscribe to dcode!

#dcode #javascript #html

Тэги:

#html_css_javascript_display_date_time #how_to_display_the_current_date_with_javascript #how_to_display_the_current_time_with_javascript #how_to_display_the_date_in_javascript #how_to_display_the_time_in_javascript #how_to_format_date_object_in_javascript #how_to_use_dates_in_javascript #javascript_dates_tutorial #how_to_display_day_of_the_week_with_javascript #how_to_format_time_with_javascript #how_to_format_dates_with_javascript #javascript_widget_tutorial

Скачать видео

Комментарии:

@gajanankanekar9118 - 29.10.2023 10:38

Thank you very much Sir. I implemented it in my project. Thanks once again.

Ответить

@nasirmedia - 23.07.2023 05:50

Where past the html code?

Ответить

@williammakhoul6252 - 21.07.2023 13:58

will this be reusable, i have an asp panel that i want to convert to client side, will it work fine ?

Ответить

@motasam8122 - 01.07.2023 12:36

Your name is what ?? 💀

Ответить

@enochauston4068 - 28.03.2023 23:01

WE GIVE ALL CREDITS TO YOU!! THANKS, GREAT GUIDANCE!

Ответить

@mickgordon763 - 29.01.2023 11:36

I do exactly what you doing, without mistakes, but background colour not change, idk what i need to do. Please help.

Ответить

@chabinot2274 - 02.01.2023 16:37

Hi,
Can you tell me that when I reload the page the time disappears and reappears ?
Regards

Ответить

@fullmetalfunk - 02.10.2022 10:24

thanks so much for this! i'm definitely subscribing. i'm an absolute beginner to coding but i used this and tweaked it a bit (changed the colors, the size, and i added seconds!) and added it to a website for Hacktoberfest for my first pull request. :)

Ответить

@theitplace2999 - 28.08.2022 06:07

New to JS this video broke it down easily for me thank you

Ответить

@beta6313 - 04.08.2022 23:25

Hi, thanks for the tutorial! I have one question, I'm a newbie, how can I separate the Month, Week and Day? I want to do a widget where the month, week, and day are in separate lines! I did it with the HTML and CSS, but the JS part got me confused, lol, can you help me?

Ответить

@francismwangi9752 - 16.07.2022 01:46

Thank you Dom. It was really heplfu;l

Ответить

@mohammedelhoussni - 10.07.2022 18:38

thanks for this amazing video

Ответить

@sardorshaokbarov9527 - 21.06.2022 12:25

thank you

Ответить

@alanalmonasi - 14.06.2022 06:31

Hi, i just found your channel, and as a begginer in JS i think it is the best channel i’ve watched because you make explanations very very clear, si thank you, keep it up! I think you should have more suscribers and views!

Ответить