datetimepicker更改不帶格式的顯示

Question

我有一個表單，我使用引導datetimepicker。

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); 

我最近改變了格式上面，因爲我不喜歡默認的格式顯示。

我POST數據時發生問題，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。