[Solved] Datepicker value not returned to model

[Achilles]

Hi,

I am using an MVC Datepicker in an Edit template in the following way    

    <script type="text/javascript">
        //DatePicker client-side events.
        function onChangeDatePicker(e) {
            document.forms[0].submit();
        }
        </script>
@( Html.Telerik().DatePickerFor(m => m.StartDate)
            .Name("DatePicker")
            .ClientEvents(events => events
                     .OnChange("onChangeDatePicker")
                     )
    )

I can initialize the datepicker with via the view model. But when the view Posts back to the controller, the date value is not retained. It is initializes to "01/01/0001". What all other attributes do I have to set to bind the datetime value to the model ?

I am attaching a scaled down project where I use a Telerik datetime picker & a regular MVC datetime picker. On hitting the update button, the regular datetime picker sets the correct value to the model, But the telerik datetime value is not bound.

Thanks

Achilles

[Georgi Krustev]

Hello Achilles,

 
When DatePickerFor extension is used you should not set the Name again. I will suggest you remove the Name("DatePicker").

Best regards,
Georgi Krustev
the Telerik team

[Achilles]

Thanks it helped. I am trying to implement a date spinner so that I can increment/decrement the date with a single click using external client APIs. A couple of questions ...

1. I am not able to retrieve the datepicker client-side object as

function getDatePicker(){
    //"DatePicker" is the value specified by the Name() method.
    var datePicker = $("#StartDate").data("tStartDate");
    return datePicker;
}

as, that is not the name specified by the Name() method. ( I am using DatePickerFor view model). I can retrieve an object by

var datePicker = $("#StartDate") but the data member of the object is undefined. I'm not sure what I should do next to get the value.    

2. Is there a way to increment the day of the date object ? like ...

function incrementDay() {
    // var dateval = document.getElementById("StartDate").value;
    var value = getDatePicker().value();
    value = value.AddDays(1);
    getDatePicker().value(value);
}

Thanks

Achilles

[Georgi Krustev]

Hello Achilles,

 
I will suggest you check this help topic, which shows how to get the client object.

Regards,
Georgi Krustev
the Telerik team

[Achilles]

Hi Georgi,

Thanks for your quick reply. The help topic which you mentioned is the one which I used to formulate this code. The difference is that in the sample the 'DatePicker' has a name. In my case it is a 'DatePickerFor', from which I had removed the "Name" field as per your earlier suggestion, to bind to the ViewModel (which solved the initial problem)

Regards

Achilles

[jonathan]

This was very helpful.  If you cannot assign a name to the DatePickerFor, how do you get it or use the same DatePickerFor control on multiple pages?