FAQ Database Discussion Community


I m trying to work with dangrossman/bootstrap-daterangepicker. Daterange picker did not open?

twitter-bootstrap,daterangepicker
I m trying to work with dangrossman/bootstrap-daterangepicker. Daterange picker did not open? I just put example code to try that. But it did't. What is the wrong part? $(function() { $('#reservationtime').daterangepicker({ timePicker: true, timePickerIncrement: 30, format: 'MM/DD/YYYY h:mm A' }); }); Fiddle is here: http://jsfiddle.net/nle41/skwjo689/...

bootstrap daterangepicker open by button

jquery,twitter-bootstrap,twitter-bootstrap-3,daterangepicker
i use the bootstrap daterangepicker (dangrossman) and Bootstrap 3. Now i want does i can the daterangepicker open with a addon-button and with clickling in the input field my code: <div class="form-group"> <div class="input-group input-group-sm"> <span class="input-group-btn"> <button class="btn btn-default" type="button"><span class="glyphicon glyphicon-calendar"></span></button> </span> <input id="daterangepicker" class="form-control" type="text" name="daterangepickerDisplay">...

daterangepicker callback isn't work at all

javascript,jquery,callback,jquery-callback,daterangepicker
I have big trouble to run the callback function of my daterangepicker (from http://tamble.github.io/jquery-ui-daterangepicker/) I didn't see any alert. I have an 'apply' button at the bottom of the daterangepicker UI. I press apply and then fisld host date i've selected but no alert as it should show. This is...

Angularjs simple datepicker using controller as not $scope

angularjs,angular-ui-bootstrap,daterangepicker
I am trying to use the angular-ui bootstrap for dateranges. http://angular-ui.github.io/bootstrap/#/datepicker The link contains some good examples. However I want to use controller as syntax and not the scope as it shows in the link above. I have attempted it as seen below. But its not showing the calendar box...

daterangepicker show year and months only

javascript,jquery,bootstrap,daterangepicker
I'm using daterangepicker bootstrap 3. $('#pa_date*').daterangepicker({ singleDatePicker: true, showDropdowns: true, minDate: min, maxDate: max, format: 'DD/MM/YYYY' }).on('apply.daterangepicker', function (ev, picker) { alert(picker.startDate.format('MM/YYYY')); }); It shows me the full daterangepicker: I want to hide the calendar and show only years and months drop-down, like this: ...

AngularJs + DateRangePicker: my ng-model is not getting the input text value when I select a date range

html,angularjs,angularjs-directive,daterangepicker
In the HTML below, I'm trying to set the selected date range in an ng-model called dateRange. The input text field is getting the selected value correctly, but dateRange still null. What do have I do to solve this problem? <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script> <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery/2.1.3/jquery.min.js"></script> <script type="text/javascript"...