Angular: Empty Fiddle

http://angularjs.org/

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="http://angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.0.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div ng-app="myApp" ng-controller="FirstCtrl">
  <form name="formulier" novalidate  ng-submit="submit(user)">
    <table border="0">
      <tr>
        <td>Voornaam:</td>
        <td>
          <input name="voornaam" type="text" ng-model="user.voornaam" required>
          <span style="color:red" ng-show="formulier.voornaam.$dirty && formulier.voornaam.$invalid">
                            <span ng-show="formulier.voornaam.$error.required">Voornaam is verplicht.</span>
          </span>
        </td>
      </tr>

      <tr>
        <td>Achternaam: </td>
        <td>
          <input name="achternaam" type="text" ng-model="user.achternaam" required>
          <span style="color:red" ng-show="formulier.achternaam.$dirty && formulier.achternaam.$invalid">
                            <span ng-show="formulier.achternaam.$error.required">Achternaam is verplicht.</span>
          </span>
        </td>
      </tr>

      <tr>
        <td>Afdeling: </td>
        <td>

          <input name="afdeling" type="text" ng-model="user.afdeling" required>
          <span style="color:red" ng-show="formulier.afdeling.$dirty && formulier.afdeling.$invalid">
                            <span ng-show="formulier.afdeling.$error.required">Afdeling is vereist.</span>
          </span>
        </td>
      </tr>

      <tr>
        <td>Geboortedatum: </td>

        <td>
          <!--<input type="date" id="exampleInput" name="input" ng-model="example.value"
                               placeholder="yyyy-MM-dd" min="2013-01-01" max="2013-12-31" required />-->

          <input name="geboortedatum" type="date"...

JavaScript

var app = angular.module('myApp', ['ui.bootstrap']);
app.controller('FirstCtrl', function($scope, $modal) {
  $scope.user = {};
  $scope.reset = function() {

    $scope.user.voornaam = "Mark";
    $scope.user.achternaam = "Schuurman";
    $scope.user.afdeling = "ICT";
    $scope.user.geboortedatum = new Date("Jan, 01, 0000");
    $scope.user.telefoon = +31412123456;
    $scope.user.inschrijvingsdatum = new Date("Jan, 01, 0000");
    $scope.user.mobiel = +31612345678;
    $scope.user.email = "[email protected]";
  }
  $scope.submit = function(userData){
     console.log(userData)
  }
  
});