post datetimeinput value as a form variable

[jcf378Participant]

this may be simple, but i’m having trouble figuring out how to get the Date value entered in the DateTimeInput and treat it like a standard form text-input variable so that when I submit a form containing the DateTimeInput, its value can be read as a $POST in the PHP target file. I imagine it involves using:
var selectedDate = $(“#dateinput'”).jqxDateTimeInput(‘getDate’);
and then somehow assigning the value of the ‘selectedDate’ variable to perhaps a hidden variable in my HTML form.
Thoughts on the javascript to do this?
–Jason

[Peter StoevKeymaster]

Hi Jason,

Set the “name” attribute of the DateTimeInput’s DIV tag and the value would be posted.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Amir ZojajiParticipant]

Hi,
I searched a lot for this point in documentation, but don’t find.
Really I needed it for jqxCombox and jqxNumberInput. Finally I inserted a hidden field in form and set code for “change” event so the new value be inserted in the form field.
But today I read Peter’s help.

Is this point is mentioned in documentation? But why didn’t I find it?
Regards

[Amir ZojajiParticipant]

and other question:
How can I insert an initial value for jqxNumberInput?
In HTML INPUT tag we have value=””, so we write:
<INPUT TYPE=”TEXT” NAME=”xxx” VALUE=”12″/>

What is the equivalent way in jqxNumberInput?
Regards.

[Peter StoevKeymaster]

Hi Amir Zojaji,

It works the same way it works for all standard HTML Inputs. If you want the widget’s value to be posted in a form post, then add its “name” attribute. Examples with Forms can be found on the Demos page – see php, asp .net or jsp samples.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[Amir ZojajiParticipant]

Hi Peter,
I inserted the name attribute for the DIV tag, but I want to set an initial value to datetimeinput.
like HTML standard as follows:
<input type=”” name=”date” value=”2016-02-05 20:30″ />
how can I set initial value for the jqxDateTimeInput?

[Peter StoevKeymaster]

Hi Amir Zojaji,

After you create jqxDateTimeInput, use either its val method or setDate method to set its value.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[nbourdeauParticipant]

What if I am initializing the widget from an input field instead of a div ? Is it supported ?
I have setted the name and value but it does not process it correctly and the value never gets submitted…
The original input field remains in the dom but never get updated with the date selection!

[Peter StoevKeymaster]

Hi nbourdeau,

You have to set the “name” attribute of the input inside the datetimeinput. If you create it from INPUT tag, after the initialization, select the datetimeinput’s input tag with jQuery selector and set its “name” attribute by using jQuery’s attr function. This will get the job one.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[MaheshParticipant]

Hi Peter,

I want to get the date value from jqxDateTimeInput and I am not getting it in the Form keys collection after the form submit (post).

My code lines are as below:

<form id=”myForm” name=”myForm” style=”font-size:smaller” method=”post” action=”SaveCandidate” enctype=”multipart/form-data”>
<input id=”BirthDate” name=”BirthDate” type=”date” />
<input id=”JoiningDate” name=”JoiningDate” type=”datetime” />
<input id=”btnSave” type=”submit” value=”Save” style=”width: 80px; “>
</form>

<script type=”text/javascript”>
$(“#BirthDate”).jqxDateTimeInput({ width: ‘300px’, height: ’25px’ });
$(“#JoiningDate”).jqxDateTimeInput({ width: ‘300px’, height: ’25px’ });
</script>

In fact the keys named “BirthDate” and “JoiningDate” are there in the form key collection but the value is missing.
(for e.g. myHttpContext.Request.Form(“JoiningDate”) value is “”)

It will be more helpful if you provide a fully working sample as I have already gone through your old posts in this regards.

Regards,
Mahesh

[Author]

Posts