如何處理日期爲

Question

我從ASP.NET MVC /Date(1446393600000)/其中它在SQL數據庫值'2015-11-02'這個值，它是一個date（僅日期），並把它作爲處理JavaScript對象，我用moment.js服務器發佈目的，從而moment('/Date(1446393600000)/')使用時，我得到了這個結果"2015-11-01T16:00:00.000Z"

所以這段代碼：

的bindingHandler可以發現here

ko.bindingHandlers.datepicker = { 
 
    init: function(element, valueAccessor, allBindingsAccessor) { 
 
    var options = allBindingsAccessor().datepickerOptions || {}, 
 
     $el = $(element); 
 

 
    //initialize datepicker with some optional options 
 
    $el.datepicker(options); 
 

 
    //handle the field changing 
 
    ko.utils.registerEventHandler(element, "change", function() { 
 
     var observable = valueAccessor(); 
 
     observable(moment($el.datepicker("getDate"))); // I added moment function here 
 
    }); 
 

 
    //handle disposal (if KO removes by the template binding) 
 
    ko.utils.domNodeDisposal.addDisposeCallback(element, function() { 
 
     $el.datepicker("destroy"); 
 
    }); 
 

 
    } 
 
    /*, 
 
    update: function(element, valueAccessor) { 
 
     var value = ko.utils.unwrapObservable(valueAccessor()), 
 
     $el = $(element), 
 
     current = $el.datepicker("getDate"); 
 

 
     if (value - current !== 0) { 
 
     $el.datepicker("setDate", value); 
 
     } 
 
    }*/ 
 
}; 
 
    
 
var vm = { 
 
    sampleDate: ko.observable(moment('/Date(1446393600000)/')), // I added moment function here 
 
    originalValue: '/Date(1446393600000)/', // For reference only 
 
    FromSqlDb: '2015-11-02' // For reference only 
 
}; 
 

 
vm.formattedDate = ko.pureComputed(function() { 
 
    return this.sampleDate() ? 
 
    this.sampleDate().format("ddd, DD MMM YYYY") : 
 
    ''; 
 
}, vm); 
 
    
 

 
ko.applyBindings(vm);

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment.min.js"></script> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 

 
<input type="text" data-bind="datepicker: sampleDate" /> <br /> 
 
<pre data-bind="text: ko.toJSON($root, null, 2)"></pre>

正如你所看到的，值2015-11-02現在轉化爲UTC"2015-11-01T16:00:00.000Z"時，我就可以用moment()。這是我不希望的，因爲我想保留我從數據庫

了所以我的問題是：

1. 是否momentjs總是你的日期轉換爲UTC它？
2. 當我嘗試post的sampleDate我得到了這個錯誤。

我的臨時解決方案是post的computed變量。 （formattedDate和它的工作原理）

請幫我理解錯誤發生的原因。任何幫助將非常感謝謝謝！

Answer 1

1. 日期是你選擇的日期。使用時刻toDate，您將得到一個具有期望值的js Date對象。你看到的是UTC表示，即轉換到Z區的同一小時（子午線0或綠色子午線子午線）。

2. 根據OP評論，日期使用.toISOString()發佈。在這種情況下，如果您處於Z（格林威治子午線）以外的時區，則日期將指前一日期。例如，日期2015-04-20 GMT+1將被格式化爲2015-04-19T23:00:00.000Z，並且服務器將剪切時間和時區信息，因此它將在所需日期的前一天獲得。

爲了避免2.我們可以指示時刻解析日期，如果它是一個UTC日期，像這樣的問題：moment.utc('datestring')。例如，做moment.utc('2015-03-11')將創建日期2015-03-11T00:00:00.000Z，所以ISO字符串的協議將給出所需的日期。在這種情況下，你必須改變這行代碼：

observable(moment($el.datepicker("getDate"))) 

到

observable(moment.utc($el.datepicker("getDate")))