KnockoutJS日期绑定问题，使用jQuery datepicker

我有一个约束我的viewmodel上的对象的日期问题。我有一个从服务器获得的日期。KnockoutJS日期绑定问题，使用jQuery datepicker

var viewModel = { 
    profile : ko.mapping.fromJS(initialData),

我将该属性绑定到文本框。

<input data-bind="datepicker: profile.Birthdate()" />

我使用的是定制的结合，我这个在这里找到：http://jsfiddle.net/rniemeyer/NAgNV/

ko.bindingHandlers.datepicker = { 
init: function(element, valueAccessor, allBindingsAccessor) { 
    //initialize datepicker with some optional options 
    var options = allBindingsAccessor().datepickerOptions || {}; 
    $(element).datepicker(options); 

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

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

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

    if(value != null) 
    { 
     if(value.toString()[0] = "/") 
      value = new Date(parseInt(value.toString().substr(6))); 
    } 

    if (value - current !== 0) { 
     $(element).datepicker("setDate", value); 
    } 
}

};

我添加了if（value.toString（）[0] =“/”）用于格式化显示在文本框中的日期。

这似乎工作得很好，除非我试图保存对象添加发送回服务器。我添加了一个警报来验证，并且在将对象发送到服务器之前，日期没有变化。

save : function(){ 
     alert(this.profile.Birthdate);

关于我在做什么的错误？

谢谢你的时间。

来源

2012-03-04 Eric

在以下行中，确保在条件语句中使用==而不是仅仅一个=。

如果（value.toString（）[0] == “/”）

来源

2012-03-04 05:38:04 KodeKreachor

感谢您的回复。我做了改变，但价值仍然没有改变。我认为这与绑定有关。更糟糕的是，当我做以下。 data：ko.toJSON（this）业务对象具有null作为出生日期 – Eric 2012-03-04 14:37:22

你可能会抛出你在jsfiddle上做的事吗？我为这个例子添加了一个保存方法，并且更新的值通过：http://jsfiddle.net/NAgNV/188/ – KodeKreachor 2012-03-04 15:07:38

再次感谢您！我看了看，它确实有效......但对我的解决方案无效。我认为这个问题可能与我的业务对象正在通过C＃业务对象进行淘汰的事实有关。你是否使用C＃业务对象和映射插件完成了这项工作？这是一个伎俩，让这个工作？ – Eric 2012-03-04 16:03:07

我怀疑它与你结合的方式来做。当你做profile.Birthdate（）时，你传递的是实际值而不是可观察值。所以，请尝试更改

<input data-bind="datepicker: profile.Birthdate()" />

要

<input data-bind="datepicker: profile.Birthdate" />

来源

2012-03-06 21:05:04 t0nyh0

我试过....但它没有工作 – Eric 2012-03-11 15:41:13

KnockoutJS日期绑定问题，使用jQuery datepicker

回答

相关问题