Средство выбора диапазона дат извлекает значения на отдельных входахJquery

Программирование на jquery
Ответить
Anonymous
 Средство выбора диапазона дат извлекает значения на отдельных входах

Сообщение Anonymous »

Я использую диаграммы Google для построения диаграмм отчетов, но мне нужно разрешить пользователям выбирать диапазон дат. Я новичок в этом, поэтому, вероятно, делаю это самым глупым способом.
Моя идея заключалась в следующем:

Шаг 1: используйте средство выбора диапазона дат (я использую этот: http://www.daterangepicker.com/), чтобы получить желаемый диапазон.

Шаг 2: «Хорошо, у меня отображается этот диапазон, что мне с ним делать?» Поэтому я подумал: «Эй, я попробую разрезать конец текста и отправить его на 2 отдельных ввода формы типа даты. Я не мог понять, как это сделать, нажимая кнопку «Применить» после выбора диапазона, поэтому я использую кнопку «Отправить». Идея состоит в том, чтобы передать значения и опубликовать их одновременно, когда я нажимаю кнопку «Отправить» (не уверен, что это сработает).

Шаг 3: Опубликуйте входные значения и отправьте их в качестве параметра в мою модель и затем обновите диаграмму с помощью обновленного запроса к базе данных MySQL.

Дело в том, что есть более эффективные способы сделать это, например, используя ajax, поэтому мне не нужно перезагружать страницу (имейте в виду, что это почти все, что я знаю об ajax, я студент первого курса программирования с нулевым опытом программирования). Я использую Codeigniter для связи с сервером

На мой взгляд, вот код средства выбора даты:

Код: Выделить всё


[i][/i] 
 [/b]








function myFunction() {
var str = document.getElementById("thespan").innerHTML;
var res = str.slice(0, 10);
document.getElementById("dStart").value = res;
var res2 = str.slice(13, 23);
document.getElementById("dEnd").value = res2;
}



$(function() {

function cb(start, end) {
$('#reportrange span').html(start.format('YYYY-MM-DD') + ' - ' + end.format('YYYY-MM-DD'));

}

cb(moment().startOf('week'), moment());

$('#reportrange').daterangepicker({
ranges: {
'Today': [moment(), moment()],
'Yesterday': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
'Last 7 Days': [moment().subtract(6, 'days'), moment()],
'Last 30 Days': [moment().subtract(29, 'days'), moment()],
'This Month': [moment().startOf('month'), moment().endOf('month')],
'Last Month': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
}
}, cb);

});

А вот код в моей модели:

Код: Выделить всё

public function tester($startDate,$endDate) {

$this->db->where('type_id', 7);
// $this->db->where('entry_date >', '2016-05-11');
// $this->db->where('entry_date =', '$startDate');
$this->db->where('entry_date 

Подробнее здесь: [url]https://stackoverflow.com/questions/37489678/date-range-picker-retrieve-values-in-separate-inputs[/url]
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»