我知道这个问题以前被问过很多次......但我已经尝试了所有的解决方案,但没有一个有效......因此再次问......
我如何将 json 日期绑定到淘汰元素...下面是我拥有的代码...
@Html.Bootstrap().ControlGroup().TextBoxFor(x => x.DateOfBirth).HtmlAttributes(new { data_bind = "kodate: DateOfBirth, datepickerOptions : new Date()", @class = "datepicker" })
$(function () {
$('.datepicker').datepicker({
autoclose: true
});
});
<input data-bind="kodate: startdate" class="datepicker"/>
kodate 定义如下
ko.bindingHandlers.kodate = {
init: function (element, valueAccessor, allBindingsAccessor) {
//initialize datepicker with some optional options
var options = allBindingsAccessor().datepickerOptions || {};
$(element).datepicker(options);
//when a user changes the date, update the view model
ko.utils.registerEventHandler(element, "changeDate", function (event) {
var value = valueAccessor();
if (ko.isObservable(value)) {
value(event.date);
}
});
ko.utils.registerEventHandler(element, "change", function () {
var value = valueAccessor();
if (ko.isObservable(value)) {
value(new Date(element.value));
}
});
},
update: function (element, valueAccessor) {
var widget = $(element).data("datepicker");
//when the view model is updated, update the widget
if (widget) {
widget.date = ko.utils.unwrapObservable(valueAccessor());
if (!widget.date) {
return;
}
if (_.isString(widget.date)) {
widget.date = new Date(parseInt(widget.date.replace(/\/Date\((.*?)\)\//gi, "$1")));
//widget.date = new Date(widget.date);
}
widget.setValue();
}
},
update_old: function (element, valueAccessor) {
var value = ko.utils.unwrapObservable(valueAccessor());
//handle date data coming via json from Microsoft
if (String(value).indexOf('/Date(') == 0) {
value = new Date(parseInt(value.replace(/\/Date\((.*?)\)\//gi, "$1")));
}
$(element).datepicker("setValue", value);
}
};
现在日期显示正确...但是当我发布日期时...它以 json 格式发布,模型绑定器无法将 json 日期 (/Date(1339230900000)/) 转换为实际日期和因此日期在服务器端仍然为空......
如何确保模型活页夹将 json 日期 /Date(1339230900000)/ 转换为服务器端 DateTime 或如何以不同格式发布日期,以便模型活页夹能够识别日期?
有趣的是,如果我更改日期,那么它会以 ISO 格式发布,但如果我不更改日期,那么它会以 json 格式发布......所以初始化代码可能有问题......
我正在使用 bootstrap-datepicker:https ://github.com/eternicode/bootstrap-datepicker
任何帮助是极大的赞赏...