Javascript library notes

Some notes on a few popular javascript libraries.

bootstrap-daterangepicker

How to get startDate and endDate?

var range = $("#range").daterangepicker();
var start = range.data("daterangepicker").startDate;
var end = range.data("daterangepicker").endDate;

lodash

map

var data = [{label: '4/1', value: 10}, {label: '4/2', value: 14}];
var labels = _.map(data, function(item) { return item.label; });
var values = _.map(data, function(item) { return item.value; });

It is especially useful when preparing data for some chart libraries.

jquery

How to pass array when using $.get

$.get("/api", {"name[]": ["George", "Jacky"]}, function(data) {});

If you are using Spring MVC for the server side, here is the relative code to receive multiple parameters.

@GetMapping("/api")
@ResponseBody
public YourResponseEntity api(@RequestParam("name") String[] names) {
  //deal with names
}