如何更改输入类型datetime-local的格式?

时间:2017-08-07 10:45:39

标签: javascript html datetime input-type-file

我提供的输入字段类型为datetime-local

<input type="datetime-local" class="form-control" name="booking_checkin">

在填写和查看之后,格式就是这样,

2017-08-06T02:32

看起来很尴尬,我需要改变这种模式,

我想有这样的格式,

2017-08-06, 02:32

我为没有发布我尝试过的内容而道歉,因为在这里搜索了很多之后我甚至都没有启动想法。 请帮我解决..

2 个答案:

答案 0 :(得分:0)

在服务器端更改date格式

    <?php 
$date = date('Y-m-d, h:i',strtotime($_POST['booking_checkin']));
?>

答案 1 :(得分:0)

获取值时,它是有效的日期字符串,您可以将其传递给new Date然后解析各个值,无论如何

&#13;
&#13;
$('.form-control').on('change', function() {
	var parsed = new Date(this.value);
  var ten    = function(x) { return x < 10 ? '0'+x : x};
  var date   = parsed.getFullYear() + '-' + (parsed.getMonth() + 1) + '-' + parsed.getDate();
  var time   = ten( parsed.getHours() ) + ':' + ten( parsed.getMinutes() );
  
  console.log( date + ', ' + time)
});
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="datetime-local" class="form-control" name="booking_checkin">
&#13;
&#13;
&#13;

为简单起见,使用jQuery,它与解析日期

的方式无关