Create a Date Time Widget with HTML, CSS & JavaScript

Показать описание

VIEW THE SOURCE CODE:

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.

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

Рекомендации по теме

Комментарии

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!

alanalmonasi

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

theitplace

Excellent. Straight to the point with good explanations and examples.

agi

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

enochauston

Thanks for sharing dom. I like to wrap the time in "<time>" HTML semantic element.

neontuts

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

gajanankanekar

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?

beta

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. :)

fullmetalfunk

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

chabinot

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

williammakhoul

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

mickgordon

Please a video on how to make a notification system for the browser and for mobile too if possible

sasa-gamer

if I try to display the current time like 12:56 I always get an error:

Uncaught ReferenceError: formatTime is not defined VM1106:1 at <anonymous>:1:1

I don't get it, I did the same like u but it is not working and I can't fix it 😩

osce

Create a Date Time Widget with HTML, CSS & JavaScript

Create a Date Time Widget with HTML, CSS & JavaScript

Create a Date Time Widget with HTML, CSS & JavaScript

How to Add Clock Widget on Windows 11 | Make your Desktop Neat

How to Add Time Widget To iPhone Homescreen

How To Add Time & Date Widget (iOS 14) Free!

Create Django admin like date time widget (Part 2 - Save to Database) || How to

Creating A DATE & TIME Widget In STREAMERBOT

ANY iPhone How To Add Big Clock to Home Screen! [Widget]

How to create Date Time Vertical Widget

How to Create a Notion Date and Time Widget? (Notion Widgets)

How to create Django admin like date time widget || How to

Mini Time & Date Widget | Javascript Project With Source Code

How to Add Clock Widget in Windows 10

How to make a Time/Date Widget with just 2 lines of code

Unreal Engine 5 - Clock Widget

How to Add a Clock Widget in Windows 11

DATE PICKER • Flutter Widget of the Day #25

TIME PICKER • Flutter Widget of the Day #26

Build a DATE PICKER in Power BI Desktop

iPhone iOS 14: How to Add a World Clock Widget to Home Screen

How to Add Clock Widget in Windows 11 Desktop (3 Clocks) 2023

Flutter CupertinoDatePicker Widget

Flutter TimePicker Widget

Get MiUi 14 Widget Panel On Any MiUi Device 💫