Datetime field - minute step

ro

roman5527 11 Feb, 2020

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

thnaks

he

healyhatman 11 Feb, 2020

No you can't

ro

roman5527 02 Mar, 2020

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

he

healyhatman 02 Mar, 2020

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

ro

roman5527 02 Mar, 2020

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

thanks

he

healyhatman 02 Mar, 2020

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

ro

roman5527 02 Mar, 2020

Hi, healyhatman . Can you help me more with implementations ?

What i need from : https://fomantic-ui.com/introduction/getting-started.html

thnaks

ro

roman5527 04 Mar, 2020

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

he

healyhatman 04 Mar, 2020

You have to give the <input> a NAME

ro

roman5527 04 Mar, 2020

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

he

healyhatman 04 Mar, 2020

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😉

Forums

Datetime field - minute step