将 bootstrap-datepicker 绑定到特定的日期时间格式

Question

我在编辑模式下遇到日期格式问题。日期存储为 dd/MM/yyyy HH:mm:ss。我想在bootstrapdatetime picker 中绑定的日期应该具有格式 MM/dd/yyyy，但 viewmodel 的格式为 DateTime 为 dd/MM/yyyy，并将其发送到编辑视图。
我试图通过更改 CurrentCulture、CurrentUICulture 和 Parsing 等来更改格式。但没有成功。
Web-App 的 CurrentCulture 设置为“pt-BR”，但我更喜欢 datepicker 始终使用“en-US”文化，即使应用程序文化设置为“pt-BR”或任何其他文化。

型号：

[Column(TypeName = "datetime2")]
public DateTime? StartsOn { get; set; }

视图模型：

public DateTime? StartsOn { get; set; }

控制器：

CultureInfo provider = CultureInfo.CreateSpecificCulture("en-US");
string dateString1="";  
string lang="pt-BR";

dateString1 = entityVM.StartsOn.ToString();
var StartsOn = (DateTime.ParseExact(dateString1, "dd/MM/yyyy HH:mm:ss", provider)
                    .ToString("MM/dd/yyyy", provider));

var outputCulture = CultureInfo.CreateSpecificCulture("en-US");
var inputCulture = CultureInfo.CreateSpecificCulture(lang);

//Just for date format change to en-US culture, and then reset it to application culture
Thread.CurrentThread.CurrentCulture = outputCulture;
Thread.CurrentThread.CurrentUICulture = outputCulture;

//entityVM.StartsOn = (DateTime.ParseExact(StartsOn, "MM/dd/yyyy", outputCulture)); //ok, Format changed here

//Reset culture to pt-BR (application culture)
Thread.CurrentThread.CurrentCulture = inputCulture; // Problem! Format again changed here.
Thread.CurrentThread.CurrentUICulture = inputCulture;

这里是视图：

<div class='input-group date' data-provide="datepicker">
                        @Html.TextBox("StartsOn", Model.StartsOn, new { @class = "form-control", @id = "datetimepicker1", @type = "text", @required = true })
                        <span class="input-group-addon">
                            <span class="glyphicon glyphicon-calendar"></span>
                        </span>
</div> 

<script type="text/javascript">
            $(document).ready(function () {
                $('.datepicker').datepicker();

            });
</script>

问题是我总是得到 dd/MM/yyyy 而不是 MM/dd/yyyy。怎么转换成MM/dd/yyyy？

Answer 1

您需要为日期选择器指定日期格式：

$('.datepicker').datepicker({
        dateFormat: 'mm/dd/yy'
    });

Answer 2

日期选择器是否正确显示？您正在使用使用.datepicker 的日期选择器，但我看不到任何提到为datepicker 的类。你的意思是它显示不同的格式从模型填充它？

Answer 3

您的视图模型是正确的，而不是 dd/MM/yyyy。 dd/MM/yyyy, MM/dd/yyyy ...都是“显示”格式。基础价值是 DateTime？并且独立于显示格式。 使用 jquery ui datepicker，默认显示格式（dateFormat）已经是“mm/dd/yy”。使用 bootstrap datepicker 格式为：“mm/dd/yyyy”（这也是默认设置）。

我认为您的问题是，您将日期时间值转换为字符串，然后解析回日期时间。我不知道你为什么这样做。如果你愿意这样做，你为什么不也做 ToString("dd/MM/yyyy HH:mm:ss")？

dateString1 = entityVM.StartsOn.ToString("dd/MM/yyyy HH:mm:ss");
var StartsOn = (DateTime.ParseExact(dateString1, "dd/MM/yyyy HH:mm:ss", provider)
        .ToString("MM/dd/yyyy", provider));

恕我直言，这是完全不必要的转换。它应该是：

var StartsOn = entityVM.StartsOn;
//or:
var StartsOn = (DateTime)entityVM.StartsOn;