Datepicker sample page and plugin outdated

Hello Abdullah!

I didn’t find any sample page using Datepicker plugin, just samples using Daterangepicker.

After that I found that there is a Datepicker plugin inside AdminLTE plugins folder, and so I tried to use that. It worked as expected, but with some weird style, and I did add the css and js references. So I went to their git repo, downloaded the current version, updated the plugin datepicker folder, and the weird style went away. Here is the sample of the up-to-date version of datepicker:

That being said, I have two suggestions:

1: In the advanced form sample page, add some Datepicker sample, not only daterangepicker. 2: Update the datepicker plugin folder to the lastest version (bootstrap-datepicker.js and bootstrap-datepicker3.css is enough).

Here is my code sample:

<div class="form-group">
    <label class="col-md-2 control-label" for="Date">Date</label>
    <div class="col-md-10">
        <div class="input-group">
            <div class="input-group-addon">
                <i class="fa fa-calendar"></i>
            </div>
            <input type="text" class="form-control" id="Date"/>
        </div>
    </div>
</div>

$('#Date').datepicker({
    autoclose: true,
    todayHighlight: true
});

Thanks! Rafael Pacheco.

[chandranac]

This did the trick for me… $(function(){ //Date range picker with time picker $(‘#reservationtime’).daterangepicker({ timePicker: false, //<==MAKE THE CHANGE HERE singleDatePicker: true, //<==MAKE THE CHANGE HERE }); })

[masteradhoc]

Thanks Rafael!

I do not like the idea to call each datepicker alone. Isnt there an easy way to address all datepickers/more datepickers on a page with one command?

Am 24.06.2015 um 18:41 schrieb Rafael Renan Pacheco [e-mail]:

@masteradhoc download 1.4 from “bootstrap-datepicker” repo, delete the js and css from the current datepicker folder at AdminLTE, and put the bootstrap-datepicker.js and bootstrap-datepicker3.css, as well the lang folder, in the datepicker AdminLTE plugin folder.

Then just reference bootstrap-datepicker.js and bootstrap-datepicker3.css in your app.

Does someone know how to put two date input fields with the same name on one page? At the moment i just get one valid field e.g. one field which i get a datepicker…

Change their input ID, and call datepicker for each ID.

— Reply to this email directly or view it on GitHub.