conversational-form icon indicating copy to clipboard operation
conversational-form copied to clipboard

Datetime support

Open monitoth opened this issue 8 years ago • 12 comments

Do you plan to support in the future a datetime answer? For example, when you ask for the "Date of birth", in the answer the user should use a datetimepicker control. (Like bootstraps datetimepicker)

monitoth avatar Feb 16 '17 08:02 monitoth

@monitoth yes, this will be a part of the bigger rollout of version 1.0.0, stay tuned

felixknox avatar Feb 16 '17 11:02 felixknox

http://felicegattuso.com/projects/datedropper/

http://felicegattuso.com/projects/timedropper/

These two awesome plugins can be integrated with CF

peimn avatar Feb 16 '17 11:02 peimn

Hi, just wanted to check if there was any progress with this? I would love to help.

danieltome avatar Oct 26 '17 21:10 danieltome

it seems like these 2 datepicker won't work?

http://felicegattuso.com/projects/datedropper/

http://felicegattuso.com/projects/timedropper/

berniebetgcarpio avatar Mar 07 '18 03:03 berniebetgcarpio

Hey! Any progress on this? Would be cool if you can update (us all)?

luc-7 avatar Oct 31 '18 19:10 luc-7

@peimn how to integrate this datepicker with CF?

elephantux avatar Nov 12 '18 11:11 elephantux

An update: I do not think that date-time support will be part of the CF core at this time. However I have cooked up a crude example of how to implement Datedropper3. Basicly, the approach is to hide the default textarea input and replace it with our custom input with a Datedropper3 instantiated on it.

The CodePen

Datedropper3 demo

jenssogaard avatar Nov 15 '18 21:11 jenssogaard

I am not able to insert Datedropper3 whenever error occurs. I would like an input help without using the code below: window.onload = function() { conversationalForm = window.cf.ConversationalForm.startTheConversation({ formEl: document.querySelector("form"), context: document.querySelector("div.cf"), eventDispatcher: dispatcher }); };

Because the same creates a kind of new form and that makes me make an error in mine.

winadv avatar Dec 14 '18 19:12 winadv

@winadv your problem is most likely that you have the cf-form attribute on your form-tag? so it instantiates twice.

I can not help you with your second question. You are better of using my example.

jenssogaard avatar Dec 14 '18 21:12 jenssogaard

@jenssogaard Would you like to create an example using the script demo files, such as conditional-flow.html? I guarantee that with that I could adapt to my script. Thanks

winadv avatar Dec 14 '18 22:12 winadv

@winadv it is kinda repeating what I have already done. Do you have issues implementing the example in your own project?

jenssogaard avatar Dec 28 '18 18:12 jenssogaard

Hi , I'm using Angular Material and whould love to include their 'datepicker' in my cf form, as for now it doent work for me though i have no errors Any help will be very much appriacted!!

RachelGanonNew avatar Aug 11 '20 13:08 RachelGanonNew