Grow your CSS skills. Land your dream job.

Form Dynamic Delivery Date

  • # February 7, 2013 at 2:54 pm

    I wanted to know how to write some jQuery or javascript to dynamically display a delivery date.
    Here is my codepen http://codepen.io/Mike52/pen/ELnDr
    I know I’m asking alot, I’m just starting jQuery etc.
    Example: if someone selected 24 hour delivery then the delivery date would be the the next day. 2 day delivery 2 days later…obv lol

    # February 7, 2013 at 3:54 pm

    For one thing I would start with structuring your form more like this.

    http://codepen.io/Paulie-D/pen/FrywI

    I’m just starting to learn jQuery / JS myself but I think a properly structured form would be a good basis,

    # February 7, 2013 at 4:10 pm

    Hello @frusciante89!

    I wrote something really quick, sorry that it isn’t clean…kind of in a rush!

    http://codepen.io/anon/pen/qadiF

    # February 7, 2013 at 4:16 pm

    That nice and certainly beyond my current abilities but I’m sure that one could just grab the value of the selected option and add that to ‘today’ and display that way rather than running it 3 times….or am I wrong?

    JS/jQuery gurus?

    # February 7, 2013 at 4:21 pm

    @Paulie_D

    Yup! But I don’t have the time to make it sexy.

Viewing 5 posts - 1 through 5 (of 5 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".