Datum formaat

Als je al wat safer wilt zijn kan je de inputbar ook op readonly zetten.

Dit heb ik even snel uitgetest op https://jqueryui.com/datepicker/ met een readonly via de webdeveloper tool. Maar dat is geen waterdichte oplossing uiteraard. Dus kijk wat $_POST['date'] uitspuugt, split e.v.t. met explode() erop, en doe een checkdate() erop.

Uiteraard, server side validatie is wel zo verstandig. Dat bestrijd ik ook nergens. Maar het ging meer over hoe je handig met datums omgaat dan hoe formulieren verwerkt zouden moeten worden geloof ik.

Tegelijkertijd lijkt het mij wel zo handig, en is het wel zo gebruiksvriendelijk, om een zodanig systeem te hebben dat het aanleveren van foutieve informatie zo lastig mogelijk is. Hoe minder gelegenheid je iemand geeft om foutieve informatie op te geven, hoe groter de kans dat de informatie direct klopt en de validatie ook meteen slaagt. Dat werkt doorgaans fijner dan dat een systeem vijf keer een formulier teruggeeft met een foutmelding.

eens :-)

Hier ook eens ;-)

Waar het mij omgaat is dat ik de naam van de dag terugkrijg.
Uiteraard wil ik het zo maken dat de meeste gebruikers ermee overweg kunnen dus of ze nu 2020-03-14 of 14-03-2020 invoeren, het moet beide kunnen werken.
Maar dat is voor latere zorg. Nu is het zo dat je de naam van de maand moet benoemen March ipv 03.
doe ik 03 14, 2020 dan krijg ik Nan terug

Maar waarom geen datepicker?
Als je meerdere formaten accepteert, krijg je straks verwarring tussen:

dd-mm-yyyy
en
mm-dd-yyyy

En 1 april is wat anders dan 4 januari (01-04-yyyy)

Loek Lemmens op 15/03/2020 16:21:48

Waar het mij omgaat is dat ik de naam van de dag terugkrijg.
Uiteraard wil ik het zo maken dat de meeste gebruikers ermee overweg kunnen dus of ze nu 2020-03-14 of 14-03-2020 invoeren, het moet beide kunnen werken.
Maar dat is voor latere zorg. Nu is het zo dat je de naam van de maand moet benoemen March ipv 03.
doe ik 03 14, 2020 dan krijg ik Nan terug

Dus als je NaN krijgt probeer je de datum om te draaien zoals ik liet zien. Vervolgens maak je een Date object aan zoals je al zei en trek je de info er uit die je wilt.

@Frank

Het omdraaien gaat ook niet omdat de date format March 14, 2020 is en niet 03 14, 2020

Loek je hebt gelijk. Ik ben even gaan kijken en het blijkt dat de datum niet zomaar is om te draaien.
Uitgaande dat een gebruiker altijd vier cijfers voor het jaartal dient in te vullen en de mogelijke combinaties dd-mm-yyyy en yyyy-mm-dd mogen zijn ben ik uitgekomen op het volgende:

html snippet:

<input type="text" id="input-datum">
<div id="output"></div>

en javascript snippet (vergeet jquery niet in te laden)

function validateDate(dateString) {
  var datum = dateString.split("-");
  
  if(datum.length != 3) {
    return false;
  }
  
  for(var i = 0 ; i < 3 ; i++) {
    if(datum[i].length === 0 || datum[i] < 1) {
      return false;
    } 
  }

  var d =  new Date(dateString);

  if(datum[2].length == 4) {
    d = new Date(datum.reverse().join("-"));
  }

  if(d.toString() == 'Invalid Date') {
    return false;
  }
  
  if(d.getYear() < 0) {
    return false;
  }
  
  return d;
}

$(document).ready(function() {
  $("#input-datum").on("change keyup paste", function() {
    var days = ["zo", "ma", "di", "wo", "do", "vr", "za"];
    var months = ["jan", "feb", "mrt", "apr", "mei", "jun", "jul", "aug", "sep", "okt", "nov", "dec"];
    var d = validateDate($(this).val());
    
    if(d === false) {
      $("#output").html("Ongeldige datum");
    } else {
      var year = 1900 + d.getYear();
      $("#output").html(days[d.getDay()] + " " +  d.getDate() + " " +  months[d.getMonth()] + " " + year);
    }
  });
});

[size=xsmall]Toevoeging op 15/03/2020 20:34:23:[/size]

Je kunt het hier werkend zien: https://codepen.io/frankbeen/pen/vYOjKNq