datetimepicker 更改无格式显示答案

【问题标题】：datetimepicker change display without formatdatetimepicker 更改无格式显示
【发布时间】：2015-11-18 14:31:19
【问题描述】：

我有一个使用引导日期时间选择器的表单。

html:

<div class='input-group date' id='datetimepicker1' style="width:35%">
<input type='text' class="form-control" id="prodStart" name="prodStart" required=""/>
<span class="input-group-addon">
  <span class="glyphicon glyphicon-calendar"></span>
</span>

javascript：

var dateTimeSettings = {
    format: 'dd  DD/MM/YYYY hh:mm A'
  }
$('#datetimepicker1').datetimepicker(dateTimeSettings);

我最近将格式更改为上述格式，因为我不喜欢默认格式的显示。

我的问题发生在我发布数据时，req.body.prodStart 现在返回一个字符串，而不是我之前获得的日期对象 ( ISO() )，我已经围绕它构建了我的应用程序代码。

如果我将dateTimeSettings 更改为{}，req.body.prodStart 将返回一个对象。这是我在后端想要的，但现在用户在填写表单时看到了不想要的格式。

如何在表单中保持req.body.prodStart和dd DD/MM/YYYY hh:mm A显示格式的对象格式。

【问题讨论】：

标签： node.js momentjs bootstrap-datetimepicker

【解决方案1】：

您可以将 ISO 8601 格式的日期保存在隐藏字段中：

<input type='hidden' id="prodStart" name="prodStart" />

此字段应在每次日期更改时更新：

$('#datetimepicker1').on('dp.change', function(e) {
  $('#prodStart').val(e.date.format());
})

带有 ISO 日期的隐藏字段将发布到服务器，而文本输入将包含您自定义格式的日期。

请看这个JSFiddle。

【讨论】：