DatePicker에서 날짜를 동적으로 비활성화하는 방법-Knockout

이 플러그인을 사용하고 있습니다 : http://eonasdan.github.io/bootstrap-datetimepicker/

날짜 목록 / 배열을로드하기 위해 서버에 Ajax 요청을 보내는 DropDown이 있으며 DateTime 선택기에서 해당 배열의 날짜 만 활성화하면됩니다. JSFiddle에서 비슷한 시나리오를 만들었습니다. http://jsfiddle.net/mdawood1991/sd2gmhop/12/

다음은 HTML입니다.

<div class="row">
    <div class="col-md-4">
        <select class="form-control" data-bind="options: Countries, optionsCaption: '-- Please Select --', value: SelecteItem"></select>
    </div>
    <div class="col-md-4">
        <label class="main-label">Date</label>
        <div class='input-group date'>
            <input type='text' class="form-control" data-bind="datepicker: SelectedDate" /> <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
        </div>
    </div>
    <div class="col-md-4"></div>
</div>

<pre data-bind="text: ko.toJSON($data, null, 2)"></pre>

내 DateTime 사용자 지정 바인더 :

ko.bindingHandlers.datepicker = {
    init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        //initialize datepicker with some optional options
        var options = {
            format: 'DD/MM/YYYY HH:mm',
            defaultDate: valueAccessor()()
        };

        if (allBindingsAccessor() !== undefined) {
            if (allBindingsAccessor().datepickerOptions !== undefined) {
                options.format = allBindingsAccessor().datepickerOptions.format !== undefined ? allBindingsAccessor().datepickerOptions.format : options.format;
            }
        }

        $(element).datetimepicker(options);

        //when a user changes the date, update the view model
        ko.utils.registerEventHandler(element, "dp.change", function (event) {
            var value = valueAccessor();
            if (ko.isObservable(value)) {
                value(event.date);
            }
        });

        var defaultVal = $(element).val();
        var value = valueAccessor();
        value(moment(defaultVal, options.format));
    },
    update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
        // when ViewModel is updated, update the DatePicker Control
        var thisFormat = 'DD/MM/YYYY HH:mm';

        if (allBindingsAccessor() !== undefined) {
            if (allBindingsAccessor().datepickerOptions !== undefined) {
                thisFormat = allBindingsAccessor().datepickerOptions.format !== undefined ? allBindingsAccessor().datepickerOptions.format : thisFormat;
            }
        }

        var value = valueAccessor();
        var unwrapped = ko.utils.unwrapObservable(value());

        if (unwrapped === undefined || unwrapped === null) {
            element.value = new moment(new Date());
            console.log("undefined");
        } else {
            element.value = unwrapped.format(thisFormat);
        }
    }
};

그리고 ViewModel :

function viewModel() {
    var self = this;

    self.Countries = ko.observableArray(['France', 'Germany', 'Spain']);
    self.SelecteItem = ko.observable();
    self.EnabledDates = ko.observableArray();
    self.SelectedDate = ko.observable(new Date());

    self.SelecteItem.subscribe(function () {
        self.EnabledDates = [];
        if (self.SelecteItem() == "France") {

            self.EnabledDates.push(new moment('Date(1431514972533)'));
            self.EnabledDates.push(new moment('Date(1431082972533)'));

        } else {
            self.EnabledDates.push(new moment(new Date()));
        }


    });
}

var testviewModel = new viewModel();

ko.applyBindings(testviewModel);

EnabledDates배열의 날짜 만 활성화하려면 어떻게해야합니까 ?