Date Range PHP

[w424637Member]

I’m using the date range widget as below.
At the moment if I have the following echo $_POST[“mycontent”]; in my destination page – report.php then it returns the following format:

07/08/2013 – 15/08/2013

How can i return the two dates as two different post variables?

$(document).ready(function () {
var theme = getDemoTheme();
// create jqxcalendar.
$(“#jqxWidget”).jqxDateTimeInput({ width: 250, height: 25, theme: theme, selectionMode: ‘range’ });

$(“#jqxWidget”).on(‘change’, function (event) {
var selection = $(“#jqxWidget”).jqxDateTimeInput(‘getRange’);
if (selection.from != null) {
$(“#selection”).html(“

From: ” + selection.from.toDateString() + ” To: ” + selection.to.toDateString() + “

“);
}
});

var date1 = new Date();
date1.setFullYear(2013, 7, 7);

var date2 = new Date();
date2.setFullYear(2013, 7, 15);
$(“#jqxWidget”).jqxDateTimeInput(‘setRange’, date1, date2);

});

[Peter StoevKeymaster]

Hi w424637,

In order to achieve that, you may use the following 2 options:

1. With Ajax.
2. With two hidden input fields on your form – one for the start and another for the end date.

You can get the range via the “getRange” method. The “from” and “to” fields return the range’s start and end JavaScript dates. Having that, you can populate the hidden input fields or send ajax request. You can also get the range’s text parts using the following:

               var text = $("#jqxWidget").val();
                var date1 = text.substring(0, text.indexOf('-'));
                var date2 = text.substring(text.indexOf('-') + 2);

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[w424637Member]

Excellent – many thanks for the help

[Author]

Posts