01.<link rel="stylesheet" type="text/css" media="screen" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css" />
02.<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
03.<link href="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/build/css/bootstrap-datetimepicker.css" rel="stylesheet">
04.
05.<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
06.<!--[if lt IE 9]>
09.<![endif]-->
10.<script type="text/javascript" src="//code.jquery.com/jquery-2.1.1.min.js"></script>
11.<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script>
12.
13.<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.9.0/moment-with-locales.js"></script>
14.
15.
16.<script src="//cdn.rawgit.com/Eonasdan/bootstrap-datetimepicker/e8bddc60e73c1ec2475f827be36e1957af72e2ea/src/js/bootstrap-datetimepicker.js"></script>
17.<script>
18.$(function(){
19. $('.datetimepicker').datetimepicker({locale: 'th',format : "YYYY-MM-DD HH:mm",ignoreReadonly: true,allowInputToggle: true});
20.})
21.</script>
22.<div class="col-sm-8">
23. <div class="input-group date datetimepicker">
24. <input class="form-control" size="16" type="text" name="date" id="date" value="" readonly="true" required>
25. <span class="input-group-addon">
26. <span class="glyphicon glyphicon-calendar"></span>
27. </span>
28. </div>
29. </div>
