How to use datetimePicker in Sharepoint Framework?

Question

How to use datetimePicker in Sharepoint Framework?

Toriyama 291

I'm trying to create a form with a choice field in a calendar, the famous datetimePicker.

I tried to use bootstrap with jquery as in this "https://getdatepicker.com/4/", but it didn't work.

I'm using a web part without Javascript Framework.

What can i do for resolve it?
Thank you

RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-04-29T01:30:48.877+00:00

Hi @Toriyama ,
I am currently doing some research on this issue, will let you know as soon as possible

1 answer

Your answer

RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-04-29T01:30:48.877+00:00

Hi @Toriyama ,
I am currently doing some research on this issue, will let you know as soon as possible

Answer 1

RaytheonXie_MSFT 40,496 Microsoft External Staff

Hi @Toriyama
Since your framework is no javascript framework. There are javascript in the samples you provided. So the web part won't work. I will recommend you following code with no javascript.
http://reshma-ustad.blogspot.com/2019/08/jquery-datepicker-in-spfx.html

Note: Microsoft is providing this information as a convenience to you. The sites are not controlled by Microsoft. Microsoft cannot make any representations regarding the quality, safety, or suitability of any software or information found there. Please make sure that you completely understand the risk before retrieving any suggestions from the above link.

If the answer is helpful, please click "Accept Answer" and kindly upvote it. If you have extra questions about this answer, please click "Comment".
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Toriyama 291 Reputation points

2022-05-01T09:27:07.46+00:00

RaytheonXie-MSFT,
Thanks for the reply.

This example you sent I can already use, but I needed to use the example from the link https://getdatepicker.com/4/ I sent, because there are bootstrap formats, etc.

I need to use $('#datetimepicker1').datetimepicker(); instead of $('#datetimepicker1').datepicker();.

I'm almost able to use this. I'll do some more tests. Thanks
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-05-02T09:30:08.863+00:00

Hi @Toriyama
If you want to use the example of datepicker. You need to use reacter instead of No JavaScript Framework. No JavaScript Framework seems doesn't support this js function.
RaytheonXie_MSFT 40,496 Reputation points Microsoft External Staff

2022-05-09T07:32:18.203+00:00

Hi @Toriyama ,
Would you tell me whether your issue has been resolved or have any update?
I am looking forward to your reply.

Have a nice day!

Thanks,
Raytheon Xie

Share via

How to use datetimePicker in Sharepoint Framework?

1 answer

Your answer