Estou usando Bootstrap-Datapicker
como campo de data em meu formulário e globalizando com moment-with-locales
.
A configuração que usei é a seguinte:
$('.datetimepicker').datetimepicker({
locale: 'pt-br',
format: 'L'
});
O formato L
é DD/MM/YYYY
dentro do moment-with-locales.js
:
longDateFormat : {
LT : 'HH:mm',
LTS : 'LT:ss',
L : 'DD/MM/YYYY',
LL : 'D [de] MMMM [de] YYYY',
LLL : 'D [de] MMMM [de] YYYY [às] LT',
LLLL : 'dddd, D [de] MMMM [de] YYYY [às] LT'
},
Mas quando escolho uma data ela é passada para o formato MM/dd/yyyy
assim que é enviada para a model:
A configuração da propriedade na minha model:
[DataType(DataType.Date)]
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
public DateTime? DataInicio { get; set; }
E estou usando configuração de globalização em meu web.config
:
<system.web>
<globalization uiCulture="pt-BR" culture="pt-BR" />
<compilation debug="true" targetFramework="4.5.2" />
<httpRuntime targetFramework="4.5.2" />
</system.web>
E finalmente meu field na View:
<div class="input-group date datetimepicker" id="datetimepicker1">
<input type="text" class="form-control" name="DataInicio" placeholder="Data Inicial" value="@Model.DataInicio" />
<span class="input-group-addon">
<span class="glyphicon glyphicon-calendar"></span>
</span>
</div>
E só como observação, eu sei que poderia usar o Razor
para gerar meu form, mas ainda estou aprendendo e me sinto mais a vontade com Html
, por enquanto.
[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:yyyy-MM-dd}")]
ou mude para[DisplayFormat(ApplyFormatInEditMode = true, DataFormatString = "{0:dd-MM-yyyy}")]
`