node.js - datetimepicker更改显示而不带格式

Question

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

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 显示格式。

Answer 1

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

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

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

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

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

请参阅此JSFiddle .