Date Range Picker で選択した日付データをAjaxで渡したい

Question

Date Range PickerというJSを利用し、選択した日付データをAjaxのリクエストURLに渡したいのですが、どうもうまく日付を認識してくれません。
http://www.daterangepicker.com/

最終的に選んだ日付の開始日と最終日を以下の様なURLのパラメーターにいれてリクエストを投げたいと考えています。

test.domain.com/index.php?123&s=開始日&e=終了日

以下のコードにてPickerで日付を選択後、Ajaxリクエスト自体はエラー無く送信されるのですが、送信先のURLが以下の様に指定した日付が入らず、文字列がそのままリクエストURLとなってしまい困っております。

test.domain.com/index.php?123%20%27+%20%27&%27%20+%20%27s=%27%20+%20start%20+%20%27&e=%27%20+%20end

<input type="text" id="daterange" value="">

$(document).ready(function() {
	$('#daterange').daterangepicker({
		startDate: '2017/01/01',
		endDate: '2017/01/01',
		format:'YYYY/MM/DD',
		showDropdowns: false,
		ranges: {
			'直近30日': [moment().subtract('days', 29), moment()],
			'今月': [moment().startOf('month'), moment().endOf('month')],
			'先月': [moment().subtract('month', 1).startOf('month'), moment().subtract('month', 1).endOf('month')]
 			},
	 opens: 'left',
	 locale: {
		 applyLabel: '反映',
		 cancelLabel: '取消',
		 fromLabel: '開始日',
		 toLabel: '終了日',
		 weekLabel: 'W',
		 customRangeLabel: '自分で指定',
		 daysOfWeek: moment.weekdaysMin(),
		 monthNames: moment.monthsShort(),
		 firstDay: moment.localeData()._week.dow
	 },
 },	function sumData(start, end, label) {
	$.getJSON(
		"//test.domain.com/index.php?123 '+ '&' + 's=' + start + '&e=' + end"
		);
});

});

宜しくお願い致します。

Comments

[kei344]

「うまくできない」とは「何をしたときに」「どうなると思って」「どうなったのか」を、出ているエラーなどと併せて、具体的に記述されたほうが回答を得られやすいと思います。エラーはデベロッパーツールで確認してみてください。http://eng-entrance.com/javascript-display-error

[ashly]

ご連絡ありがとうございます。　具体的にはstartとendの日付がパラメーターに入らずそのまま文字列として出力されてしまいます。後ほど本文書修正します。

[Lhankor_Mhy]

ご提示のコードは文法的におかしいので、シンタックスエラーにより『startとendの日付がパラメーターに入らずそのまま文字列として出力』が再現しないと思います。実際のコードと違う部分があるのではないかと思いますので、再度ご確認願います。

[Lhankor_Mhy]

編集されたコードは明らかに間違っています。もう一度kei344さんの回答を読み直すことをお勧めします。

Answer 1

関数sumData を使っていない気はしますが、とりあえず変なところで改行せずに書いてみては？

      $.getJSON(
        '//test.domain.com/index.php?123&s=' + start + '&e=' + end,
      );

引用符の対応もおかしかったので、" ' は混ぜずに書いたほうがミスが少ないと思いますよ。

Comments

[kei344]

うわー質問文変わってる、と思ったら指摘の意図が伝わっていなかった。「変数」と「文字列」を意識してください。

[ashly]

ありがとうございます。　よくよく見てみるとダブルクオートで括っていることが原因っぽいので、文字列はシングルクオートで囲って　+でつなげて見ます！

[ashly]

アドバイス頂いた通り、シングルクオートで統一し、文字列のみシングルクオートで括ったところ問題無くDATEが展開されました！