Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: MVC3
<script type="text/javascript">
    var EmpViewModel = function () {
        //Make the self as 'this' reference
        var self = this;       
         self.startdate = ko.observable(new Date()),         
         self.enddate = ko.observable(''),     
 
        
 

        ko.bindingHandlers.Startdates = {
            init: function (element, valueAccessor, allBindingsAccessor, EmpViewModel) {
                //initialize datepicker with some optional options
                var options = allBindingsAccessor();
                $(element).datepicker(options);
 
                //handle the field changing
                ko.utils.registerEventHandler(element, "change", function () {
                    var observable = valueAccessor();
                    var elementValue = $(element).datepicker("getDate");
                    if (ko.isWriteableObservable(observable))
                        observable(elementValue);
                });
 
                //handle disposal (if KO removes by the template binding)
                ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
                    $(element).datepicker("destroy");
                });
 
            },
            //update the control when the view model changes
            update: function (element, valueAccessor) {
                var value = ko.utils.unwrapObservable(valueAccessor());
                $(element).datepicker("setDate", value);
            }
        };
 
        // Set startdate formate
        ko.bindingHandlers.enddates = {
            init: function (element, valueAccessor, allBindingsAccessor, viewModel) {
                //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();
                    var elementValue = $(element).datepicker("getDate");
                    if (ko.isWriteableObservable(observable))
                        observable(elementValue);
                });
 
                //handle disposal (if KO removes by the template binding)
                ko.utils.domNodeDisposal.addDisposeCallback(element, function () {
                    $(element).datepicker("destroy");
                });
 
            },
            //update the control when the view model changes
            update: function (element, valueAccessor) {
                var value = ko.utils.unwrapObservable(valueAccessor());
                $(element).datepicker("setDate", value);
            }
        };
</script>
in json resule we have receive date formats like /Date(605125800000)/ and we convert this date using knockout custom binding with date picker and we bind date to my grid but whenever we change my date then it will only affect my first record. suppose we have 3 record in grid.
 
1
2
 
3
 
in third row we change date then it will affect first row and third row remaining as it is. please solve my problem.
 
if any other way please tell me.
thankx in advance.
Posted 7-Mar-13 3:48am
Edited 7-Mar-13 21:56pm
v4

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 OriginalGriff 490
1 Maciej Los 305
2 Richard MacCutchan 270
3 Mathew Soji 220
4 BillWoodruff 210
0 OriginalGriff 8,834
1 Sergey Alexandrovich Kryukov 7,477
2 DamithSL 5,689
3 Maciej Los 5,329
4 Manas Bhardwaj 4,986


Advertise | Privacy | Mobile
Web03 | 2.8.1411028.1 | Last Updated 8 Mar 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100