Meteor Js : Nice package to show a simple component of date

If you want a simple componente like as :

Screen Shot 2015-08-28 at 4.10.41 PM

You can :

$ meteor add rajit:bootstrap3-datepicker

And use in this way :

js file :

Template.SessionEvent.rendered = function(){
    $('.date').mask('00-00-0000'); // Mask
    var today = new Date();
    today.setHours(0,0,0,0); // put zero hours, seconds, among others... 
    $('.date').datepicker({
        format: "dd-mm-yyyy", // format
        startDate: hoje, // To can select datas after today
        clearBtn: true, // To show clear button
        language: "pt-BR" // language
    });
};

html file :

<input type="text" placeholder="Data" class="date form-control" >

Look : I’m using the class .date.

This package is really nice !!!

You can try make and test all options in :  http://eternicode.github.io/bootstrap-datepicker/ 

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s