Beste leden,
Ik loop tegen een probleem aan. Ik heb een reserveringssysteem gemaakt voor een website. Ik wil echter een aantal dagen uitsluiten. Het is me al gelukt met de zondag, maar ik wil de maandag, dinsdag en woensdag ook uitsluiten. Dit is de code die ik heb gebruikt voor de zondag:
/**
* Limit the dates available in the Date Time date picker.
*
* @link https://wpforms.com/developers/custo...-date-options/
*
*/
function wpf_dev_limit_date_picker() {
?>
<script type="text/javascript">
window.wpforms_datepicker = {
disableMobile: true,
// Don't allow users to pick past dates
minDate: new Date(),
// Don't allow users to pick Sundays
enable: [
function(dateObj){
return dateObj.getDay() !== 0;
}
]
}
</script>
<?php
}
add_action( 'wpforms_wp_footer', 'wpf_dev_limit_date_picker' );
Ik hoop dat iemand me uit de brand kan helpen!
- Specifieke data uitsluiten
-
22-01-2020, 10:27 #1Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Specifieke data uitsluiten
-
22-01-2020, 11:47 #2Particulier
- Berichten
- 175
- Lid sinds
- 4 Jaar
Re: Specifieke data uitsluiten
Code:// enkel zondag uitsluiten dateObj.getDay() !== 0 // zondag, maandag, dinsdag en woensdag uitsluiten dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3
-
22-01-2020, 11:51 #3Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Re: Specifieke data uitsluiten
Ik ben echt een amateur als het om codes invoeren gaat. Ik gebruik Snippet, maar als ik bovenstaande code invoer dan krijg ik een foutmelding.
-
22-01-2020, 11:52 #4Particulier
- Berichten
- 175
- Lid sinds
- 4 Jaar
Re: Specifieke data uitsluiten
Code:<script type="text/javascript"> window.wpforms_datepicker = { disableMobile: true, // Don't allow users to pick past dates minDate: new Date(), // Don't allow users to pick Sundays, Mondays, Tuesdays and Wednesdays enable: [ function(dateObj){ return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3; } ] } </script>
Code:return dateObj.getDay() !== 0 // kijkt enkel of de dag niet gelijk is aan 0 (zondag) return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3 // kijkt dat de dag niet gelijk is aan 0 (zondag) én 1 (maandag) én 2 (dinsdag) én 3 (woensdag)
-
22-01-2020, 11:57 #5Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Re: Specifieke data uitsluiten
Heel erg bedankt! Het werkt :)
-
22-01-2020, 12:00 #6Particulier
- Berichten
- 175
- Lid sinds
- 4 Jaar
Re: Specifieke data uitsluiten
Geen probleem! Blij om te kunnen helpen!
-
23-01-2020, 10:21 #7
- Berichten
- 449
- Lid sinds
- 13 Jaar
Re: Specifieke data uitsluiten
Ik ben ook niet zo'n javascriptheld, maar zou dit niet korter kunnen? In plaats van "als dag is niet 0, 1, 2, of 3" dan "als dag >3".
Gewoon uit nieuwsgierigheid.
-
23-01-2020, 12:51 #8Particulier
- Berichten
- 175
- Lid sinds
- 4 Jaar
Re: Specifieke data uitsluiten
@Marcel:
inderdaad.
Code:return dateObj.getDay() > 3
-
24-01-2020, 21:05 #9Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Hup gezocht met code
Beste leden,
Ik loop tegen een probleem aan met een code voor een online reserveringssysteem. Mensen die nu willen reserveren kunnen alleen bepaalde data kiezen, wat dus super werkt.
Nu is de code zo gemaakt dat mensen het hele jaar door alleen de donderdag, vrijdag en zaterdag aan kunnen klikken. Maar vanaf de maand april moeten mensen ook de dinsdag en woensdag aan kunnen klikken. Wie kan mij helpen dit te realiseren? Of is dit überhaupt niet mogelijk? Ik ben zelf een amateur in codes, dus ik hoor graag van jullie.
Het reserveringssysteem is hier te bekijken:
https://boeren-goed.nl/reserveren/
De code is nu:
/**
* Limit the dates available in the Date Time date picker.
*
* @link https://wpforms.com/developers/custo...-date-options/
*
*/
function wpf_dev_limit_date_picker() {
?>
<script type="text/javascript">
window.wpforms_datepicker = {
disableMobile: true,
// Don't allow users to pick past dates
minDate: new Date(),
// Don't allow users to pick Sundays, Mondays, Tuesdays and Wednesdays
enable: [
function(dateObj){
return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3;
}
]
}
</script>
<?php
}
add_action( 'wpforms_wp_footer', 'wpf_dev_limit_date_picker' );
-
24-01-2020, 23:06 #10Particulier
- Berichten
- 1.422
- Lid sinds
- 17 Jaar
Re: Hup gezocht met code
Ik heb de code niet getest, maar het meest logische lijkt mij om de functie binnen enable aan te passen. Dat zou bijvoorbeeld zo kunnen:
Code:enable: [ function(dateObj){ var currentDate = new Date().getTime(); var futureDate = new Date(2020, 3, 1, 0, 0, 0).getTime(); // Maanden zijn een array en beginnen met tellen vanaf 0, dus 3 = april, 4 = mei etc. if(futureDate < currentDate) { return dateObj.getDay() !== 0 && dateObj.getDay() !== 1; } else { return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3; } ]
Laatst aangepast door Dominic S : 24-01-2020 om 23:09 Reden: Opmaak
-
25-01-2020, 11:58 #11Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Re: Hup gezocht met code
Ik krijg de volgende foutmelding:
Het fragment dat u probeert op te slaan genereert een fatale fout op regel 8:
syntax error, unexpected ')', expecting variable (T_VARIABLE)
-
25-01-2020, 14:21 #12Particulier
- Berichten
- 1.422
- Lid sinds
- 17 Jaar
Re: Hup gezocht met code
Ik heb mijn functie getest zonder overige code en bij mij werkt het, wat mij doet vermoeden dat deze foutmelding ergens anders zit.
Kun je checken of je alle haakjes wel goed hebt gesloten op lijn 8 en je de lijn goed hebt afgesloten met een nulkomma. Ik kan natuurlijk ook niet zien vanaf hier wat lijn 8 is.
-
25-01-2020, 15:34 #13Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Re: Specifieke data uitsluiten
Zoals ik al aangaf ben ik een amateur in codes. Wellicht heb ik dat stukje code op de verkeerde plek geplaatst in de volledige code. Hoe ziet de volledige code eruit? Die kan ik dan kopiëren en dan zal het bij mij ook moeten werken.
-
25-01-2020, 15:38 #14Particulier
- Berichten
- 1.422
- Lid sinds
- 17 Jaar
Re: Specifieke data uitsluiten
Code:/**
Code:* Limit the dates available in the Date Time date picker. * * @link https://wpforms.com/developers/custo...-date-options/ * */ function wpf_dev_limit_date_picker() { ?> <script type="text/javascript"> window.wpforms_datepicker = { disableMobile: true, // Don't allow users to pick past dates minDate: new Date(), // Don't allow users to pick Sundays enable: [ function(dateObj){ var currentDate = new Date().getTime(); var futureDate = new Date(2020, 3, 1, 0, 0, 0).getTime(); // Maanden zijn een array en beginnen met tellen vanaf 0, dus 3 = april, 4 = mei etc. if(futureDate < currentDate) { return dateObj.getDay() !== 0 && dateObj.getDay() !== 1; } else { return dateObj.getDay() !== 0 && dateObj.getDay() !== 1 && dateObj.getDay() !== 2 && dateObj.getDay() !== 3; } ] } </script> <?php } add_action( 'wpforms_wp_footer', 'wpf_dev_limit_date_picker' );
-
25-01-2020, 15:50 #15Particulier
- Berichten
- 314
- Lid sinds
- 11 Jaar
Re: Specifieke data uitsluiten
Helaas.. Als ik die code invoer zijn alle datums weer te selecteren.
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic