• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: set the calendar Date and Time Picker

set the calendar Date and Time Picker 2 years 6 months ago #42318

  • jacopo
  • jacopo's Avatar
  • OFFLINE
  • Fresh Boarder
  • Posts: 1
Hi, how can I set the Date and Time Picker calendar to be able to select only a certain day of the week and a specific time?
Example on the calendar it is possible to choose only every Tuesday of each month from 6pm to 7pm

this is the page where I am working
www.yogafirenze.it/page/115.html
click on the button PRENOTA UNA LEZIONE DI PROVA

Thank you
Last Edit: 2 years 6 months ago by jacopo.
The administrator has disabled public write access.

set the calendar Date and Time Picker 2 years 5 months ago #42428

  • dragos
  • dragos's Avatar
  • OFFLINE
  • Administrator
  • Posts: 634
  • Thank you received: 117
Hello,

You can try adding something similar under Components > RSForm!Pro > Edit your form > Form Properties > CSS and JavaScript > JavaScript area:
<script type="text/javascript">
jQuery(document).ready(function(){
  myDateTPicker = RSFormPro.jQueryCalendar.calendars[17]['calendario'];
  //replace 17 with your form ID and the date time picker name.
  myDateTPicker.callbackSelectedDateTime = function(selectedDateObject, calendarInstance, calendarDateObject, input, inputFormat) {
    weekDay = calendarDateObject.getDay();
    if(weekDay == 0 || weekDay == 1 || weekDay == 3 || weekDay == 4 || weekDay == 5 || weekDay == 6){
    //0 = Sunday, 1 = Monday and so on...
      alert('Please select another day ');
      return false;
    }    
     myDateTPicker.calendarInstance.setOptions({
        allowTimes:['18:00','18:30','19:00']
        });      
  }
});
</script>
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!