title: easy to use Date time picker
body: <p>I'm looking for an easy to use date time picker. I tried to use bootstrap date time picker and I'm using bootstrap 4 alpha. It does not work for me.</p>
  
  <p>Here is my code:</p>
  
  <pre><code>    &lt;script&gt;
      $(function() {
          $('#datetimepicker1').datetimepicker();
      });
      &lt;/script&gt;
      &lt;script src="https://code.jquery.com/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
     &lt;!-- Moment JS --&gt;
      &lt;script type="text/javascript" src="&lt;?php echo $ROOT; ?&gt;js/moment.min.js"&gt;&lt;/script&gt;
      &lt;!--Bootstrap JS --&gt;
      &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" &gt;&lt;/script&gt;
      &lt;!-- dateTimePicker JS --&gt;
      &lt;script type="text/javascript" src="&lt;?php echo $ROOT; ?&gt;js/bootstrap-datetimepicker.min.js"&gt;&lt;/script&gt;
      &lt;!--bootstrap  --&gt;
      &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"&gt;
      &lt;!-- dateTimePicker CSS --&gt;
      &lt;link rel="stylesheet" type="text/css" href="&lt;?php echo $ROOT; ?&gt;css/bootstrap-datetimepicker.min.css"&gt; 
  
      &lt;div class = "form-group col col-md-4 col-sm-4 col-12"&gt;
          &lt;div class='input-group date' id='datetimepicker1'&gt;
            &lt;input type='text' class="form-control" id="servDate"/&gt;
            &lt;span class="input-group-addon"&gt;
              &lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;
            &lt;/span&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>