Forums

Hi, can i set for Datetimefield for minute step 30 minutes ?
​
thnaks

No you can't

Hi, i find new version SEMANTIC -UI caledndar => Fomantic_UI
​
I find in settings : https://fomantic-ui.com/modules/calendar.html#/settings
​
- minTimeGap for step for minute.
​
can i use this settings for chronoforms 6 calendar.
​
Or how i can implement this calendar to chronoforms 6 ? thanks

Fomantic UI is not the same so you'd have to follow the instructions they give yyo🙂

Thanks, and how i can change calendar in chrono forms 6 . How i can implemet it to chronoforms 6 ?
​
thanks

Like I said, manually. Using JavaScript block and html block following the fomantic UI calendar instructions

Hi, healyhatman . Can you help me more with implementations ?
​
What i need from : https://fomantic-ui.com/introduction/getting-started.html
​
thnaks

Hi, i implement fomantic ui calendar..
​
I add this code to html field :

<div class="ui calendar" id="standard_calendar">
  <div class="ui input left icon">
    <i class="calendar icon"></i>
    <input type="text" placeholder="Date/Time">
  </div>
</div>

<script>
var today = new Date();
jQuery('#standard_calendar')
  .calendar({
  minTimeGap:30,
firstDayOfWeek:1,
text: {
  days: ['N', 'P', 'U', 'S', 'Š', 'P', 'S'],
  months: ['Január', 'Február', 'Marec', 'Apríl', 'Máj', 'Jún', 'Júl', 'August', 'September', 'Október', 'November', 'December'],
  monthsShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Máj', 'Jún', 'Júl', 'Aug', 'Sep', 'Okt', 'Nov', 'Dec'],
  today: 'Dnes',
  now: 'Teraz'
},
disabledDaysOfWeek:[0,6],
disabledDates:[
new Date('2020-01-01'),
new Date('2020-01-06'),
new Date('2020-04-10'),
new Date('2020-04-13'),
new Date('2020-05-01'),
new Date('2020-05-08'),
new Date('2020-07-05'),
new Date('2020-08-29'),
new Date('2020-09-01'),
new Date('2020-09-15'),
new Date('2020-11-01'),
new Date('2020-11-17'),
new Date('2020-12-24'),
new Date('2020-12-25'),
new Date('2020-12-26')
],
onBeforeChange: function (date, text, mode) {
    if (date.getHours() <7 || date.getHours() >15) {
      jQuery('body').toast({
        message: 'Prosím vyberte čas medzi 7:00 and 16:00.'
      });
      return false; // returning false prevents the selection
    }
  },
minDate: new Date(today.getFullYear(), today.getMonth(), today.getDate() +4),
ampm:false
})
;
</script>

​
But how i can show this field in email ? because i dont see it .
​
thanks

You have to give the <input> a NAME

Hi, i add NAME = datum_a_cas .
​
but how i show it in email template ? because when i set autogenerate template i dont see it .
​
can i used tag {data:datum_a_cas} or it not working ?
​
Thanks

Have a look at your debug, the field should be listed in there. And you should add
​

name="datum_a_cas"

Make sure you have the syntax right. I had NAME because I was shouting at you😉