https://github.com/rohanrhu/jquery.datepicker

⌚ a futuristic datepicker for web
https://github.com/rohanrhu/jquery.datepicker

datepicker javascript jquery

Last synced: 3 months ago
JSON representation

⌚ a futuristic datepicker for web

• Host: GitHub
• URL: https://github.com/rohanrhu/jquery.datepicker
• Owner: rohanrhu
• License: mit
• Created: 2015-01-31T17:55:31.000Z (almost 10 years ago)
• Default Branch: master
• Last Pushed: 2017-10-16T12:26:20.000Z (about 7 years ago)
• Last Synced: 2024-05-02T02:59:31.991Z (9 months ago)
• Topics: datepicker, javascript, jquery
• Language: JavaScript
• Homepage: https://oguzhaneroglu.com/projects/jquery.datepicker/
• Size: 69.3 KB
• Stars: 9
• Watchers: 3
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# jquery.datepicker

a futuristic datepicker for web

[![GitHub release](https://img.shields.io/github/release/rohanrhu/jquery.datepicker.svg?style=flat-square)](https://github.com/rohanrhu/jquery.datepicker/releases)

[![GitHub nightly build](https://img.shields.io/badge/build-2017.09.15.00.00.00-green.svg?style=flat-square)](https://github.com/rohanrhu/jquery.datepicker)

![jquery.datepicker](http://oguzhaneroglu.com/static/images/jquery.datepicker.png "jquery.datepicker")

Visit [project page](http://oguzhaneroglu.com/projects/jquery.datepicker/) for example and [api reference](https://github.com/rohanrhu/jquery.datepicker/wiki/API-Reference) for documentation.

### Init

#### Javascript

```javascript

$(document).ready(function () {

    var $selected = $('.selected');

    var $start = $('.start');

    var $toggleMode = $('.toggleMode');

    var $some_datepicker = $('.some_datepicker');

    $some_datepicker.datepicker();

    var datepicker = jQueryDatepicker.data($some_datepicker);

    var date = new Date();

    $some_datepicker.on(jQueryDatepicker.event('date_selected'), function (event, date) {

        if (date.mode == 'date') {

            console.log('date selected:', date);

        } else if (date.mode == 'start_date') {

            console.log('start date selected:', date);

        }

        if (datepicker.isStartDateSelected()) {

            $start.show().html('start date: '+date.start_date.date.toString());

        }

        

        $selected.show().html('date: '+date.date.toString());

    });

    // If you need a date range

    datepicker.setStartDate({

        year: 2017,

        month: date.getMonth()+1,

        day: 4

    });

    datepicker.setDate({

        year: 2017,

        // jquery.datepicker accepts first month as 1

        // (built-in Date() class accepts first month as 0)

        month: date.getMonth()+1,

        day: 21

    });

    $toggleMode.on('click', function (event) {

        datepicker.toggleMode();

        if (datepicker.getMode() == 'date') {

            $toggleMode.html('toggle start date selection mode');

        } else {

            $toggleMode.html('toggle date selection mode');

        }

    });

});

```

#### HTML

```html



    


    





    toggle start date selection mode











```


#### CSS

```css

.btn {

    display: inline-block;

    cursor: pointer;

    border: 1px solid #c1c1c1;

    border-bottom: 2px solid #c1c1c1;

    padding: 5px; border-radius: 2px;

    transition: all 250ms;

    font-size: 14px;

}

.selected,

.start {

    font-size: 14px;

}

.btn:hover {

    background: #f1f1f1;

}

```

### I18N

```javascript

jQueryDatepicker.day_names_short = {

    1: 'Mon',

    2: 'Tue',

    3: 'Wed',

    4: 'Thu',

    5: 'Fri',

    6: 'Sat',

    7: 'Sun'

};

jQueryDatepicker.day_names = {

    1: 'Monday',

    2: 'Tuesday',

    3: 'Wednesday',

    4: 'Thursday',

    5: 'Friday',

    6: 'Saturday',

    7: 'Sunday'

};

jQueryDatepicker.month_names = {

    1: 'January',

    2: 'February',

    3: 'March',

    4: 'April',

    5: 'May',

    6: 'June',

    7: 'July',

    8: 'Agust',

    9: 'September',

    10: 'October',

    11: 'November',

    12: 'December'

};

```

## License

MIT