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

回答

相關問題