Event calendar in jquery

Question

I need to do a form like the following:

When clicked on the first text box it should display a dropdown

Then if I click in one of the three boxes it should display a calendar as the picture shows:

When clicking on the button it should give me the name chosen from the first box and the days chosen from the different date boxes.

I have no idea idea of how to do the date functionality and my jquery or php do not go as far.

Please help

Have a look at this question: http://stackoverflow.com/questions/6471959/jquery-datepicker-onchange-event-help — px06, Apr 05 '17 at 09:39
Use this for dropdown: [link](http://jqueryui.com/autocomplete/) — User6667769, Apr 05 '17 at 11:05

score 0 · Answer 1 · answered Apr 05 '17 at 10:44

0

Use this code for data functionality

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>


 <script>
  $( function() {
    $( "#datepicker" ).datepicker();
  } );
  </script>

Date: <input type="text" id="datepicker">

answered Apr 05 '17 at 10:44

User6667769

745
1
7
25

I managed to get part of it working using the datepicker as you can see in my snippet. http://codepen.io/Sidney-Dev/pen/gmyoWM How can I put each date in a variable and alert it? – Sidney Sousa Apr 05 '17 at 11:16
var travel = document.getElementById("textboxidj").value; alert(travel ); – User6667769 Apr 05 '17 at 11:22
Use this jquery too: somevariable = $("#textboxid").val(); – User6667769 Apr 05 '17 at 11:32

Event calendar in jquery

1 Answers1