query tools dateinput

by magizter

HTML

<link rel="stylesheet" href="http://www.nolato.se/css/styles_shop.css">
<script src="http://www.nolato.com/js/dateinput.js"></script>
<input type="date" id="datepicker" data-value="6" />

CSS

.specialDay { background-color: #0f0}

JavaScript

$.tools.dateinput.localize("se",  {
   months:        'januar,februar,mars,april,maj,juni,juli,augusti,' +
                   	'september,oktober,november,december',
   shortMonths:   'jan,feb,mar,apr,maj,jun,jul,aug,sep,okt,nov,dec',
   days:          'söndag,måndag,tisdag,onsdag,torsdag,fredag,lördag',
   shortDays:     'sö,må,ti,on,to,fr,lö'
});

$('#datepicker').dateinput({
    min: 5,
    lang: 'se',
    change: function() {
        var isoDate = this.getValue('yyyy-mm-dd');  
        $('#datepicker').val(isoDate);
    },
    "onShow": function(event) {
        var calendar = this.getCalendar();
        var conf = this.getConf();
        var classes = conf.css.off + ' ' + conf.css.disabled;
        function disableWeekends() {
            var weeks = calendar.find('.calweek');
            weeks.find('a:first, a:last').addClass(classes);
        }
        calendar.find('#calprev, #calnext').click(disableWeekends);
        disableWeekends();
    },
    "onPrev": function(event) {
        checkMonth($('#datepicker').data('dateinput').getYearWithinView(), 
        $('#datepicker').data('dateinput').getMonthWithinView());
    },
    "onNext": function(event) {
        checkMonth($('#datepicker').data('dateinput').getYearWithinView(), 
        $('#datepicker').data('dateinput').getMonthWithinView());
    }
});

var checkMonth = function(year, month) {
    if(month == 01) { 
        $('a[href=#25]').addClass('specialDay');
    } 
if(month == 02) { 
        $('a[href=#16]').addClass('specialDay');
    }    
}