JSFiddle - React, Tailwind, and code Playground
HTML
<input type="datetime" id="datepicker" value="2012-10-06T04:13:00+00:00" />
CSS
#datepicker {
margin: 5px;
width: 165px;
height: 25px;
}
JavaScript
alert($('#datepicker').val());
if($('#datepicker').val().match(
'/(\d{4})-(\d{2})-(\d{2})T(\d{2})\:(\d{2})\:(\d{2})\+(\d{2})\:(\d{2})/'
)) {
alert('1 : ok');
} else {
alert('1 : not ok');
}
if($('#datepicker').val().match(
'/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})\+(\d{2}):(\d{2})/'
)) {
alert('2 : ok');
} else {
alert('2 : not ok');
}
if($('#datepicker').val().match(
'/(\d{4})-(\d{2})-(\d{2})T(\d{2})\:(\d{2})\:(\d{2})[+-](\d{2})\:(\d{2})/'
)) {
alert('3 : ok');
} else {
alert('3 : not ok');
}
if($('#datepicker').val().match(
'/(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})[+-](\d{2}):(\d{2})/'
)) {
alert('4 : ok');
} else {
alert('4 : not ok');
}