I cannot figure out how to get the actual Date value from an igDateEditor. I have tried using the value method but I don’t know if I am using it correctly. I use the following and was expecting a Date value.

var toDateVal = $("#dtpFrom").igDateEditor("value");

Instead of a Date value, toDateValue is b.fn.b.init[1] where the value at 0 index is the HTMLSpanElement that is generated by the MVC code.

I setup the DateEditor in the MVC view, like this:

                <div class="editor-label">

                    @Html.Label("From")

                    <div style="float: right;">

                        @(Html.Infragistics().DatePickerFor(m => m.DateFrom)

                            .ID("dtpFrom")

                            .Width(120)

                            .DateInputFormat("d/M/yyyy")

                            .DataMode(DateTimeEditorDataMode.Date)

                            .Value(filterFrom)

                            .Render()

                        )

                    </div>

                </div>

Which renders as:

<div class="editor-label">

     <label for="From">From</label>

     <div style="float: right;">

           <span id="dtpFrom"></span><input name="DateFrom" type="hidden"></input><script type="text/javascript">//<!--<![CDATA[

$.ig.loader('igEditors', function() {$('#dtpFrom').igEditor({ type: 3, button: 'dropdown', dataMode: 'date', inputName: 'DateFrom', value: new Date(2012, 6, 25, 0, 0, 0, 0), width: 120, dateInputFormat: 'd/M/yyyy' });});

//]]>--></script><script type='text/javascript'>$(document).ready(function() { if ($.ig.TrialWatermark === undefined) { $('<div></div>').appendTo(document.body).css({width: $(document.body).width(), height: $(document.body).height(), position:'absolute', top: 0, left: 0, zIndex: -1}).addClass('ui-igtrialwatermark'); $.ig.TrialWatermark = true; } });</script>

     </div>

</div>

I am using 12.1 (3.12.1.2023) on Infragistics.Web.Mvc.

Thanks,

Simon