我从 ASP.NET MVC 获得了这个值/Date(1446393600000)/
它在 SQL 数据库中的值是'2015-11-02'
这是一个date
(仅限日期)并将其作为 javascript 对象进行操作,我使用moment.js http://momentjs.com/,所以当用作moment('/Date(1446393600000)/')
我得到这个结果"2015-11-01T16:00:00.000Z"
所以这段代码:
可以找到绑定处理程序here https://stackoverflow.com/a/6400701/1214293
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()
在上面。这是我不想要的,因为我想保留从数据库中获得的内容
所以我的问题是:
- momentjs 总是将您的日期转换为其 UTC 吗?
- When I try to
post
the sampleDate
I got this error.
我的临时解决办法是post
the computed
多变的。 (formattedDate
它有效)
请帮助我理解为什么会出现错误。任何帮助将不胜感激,谢谢!
日期是您选择的。使用时刻toDate
你会得到一个具有预期值的 js Date 对象。您看到的是 UTC 表示,即转换为 Z 区(子午线 0 或格林威里希子午线)的同一小时。
根据OP评论,日期是通过使用发布的.toISOString()
。在这种情况下,如果您位于 Z(格林威治子午线)以外的时区,则日期将指前一个日期。例如日期2015-04-20 GMT+1
,将被格式化为2015-04-19T23:00:00.000Z
,服务器将剪辑时间和时区信息,因此它将比所需日期早一天。
为了避免 2. 中的问题,我们可以指示 moment 将日期解析为 UTC 日期,如下所示:moment.utc('datestring')
。例如,做moment.utc('2015-03-11')
将创建日期2015-03-11T00:00:00.000Z
,因此转换为 ISO 字符串将给出所需的日期。在这种情况下,您必须更改这行代码:
observable(moment($el.datepicker("getDate")))
to
observable(moment.utc($el.datepicker("getDate")))
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)