https://github.com/xdan/datetimepicker

jQuery Plugin Date and Time Picker
https://github.com/xdan/datetimepicker

datepicker datetimepicker javascript jquery jquery-plugin picker timepicker

Last synced: 5 days ago
JSON representation

jQuery Plugin Date and Time Picker

• Host: GitHub
• URL: https://github.com/xdan/datetimepicker
• Owner: xdan
• License: mit
• Created: 2013-11-03T10:10:07.000Z (about 11 years ago)
• Default Branch: master
• Last Pushed: 2023-06-28T10:14:33.000Z (over 1 year ago)
• Last Synced: 2024-12-31T02:06:38.472Z (12 days ago)
• Topics: datepicker, datetimepicker, javascript, jquery, jquery-plugin, picker, timepicker
• Language: JavaScript
• Homepage: https://xdsoft.net/jqplugins/datetimepicker/
• Size: 1.83 MB
• Stars: 3,498
• Watchers: 160
• Forks: 1,511
• Open Issues: 431
• Metadata Files:
  • Readme: README.md
  • License: MIT-LICENSE.txt

Awesome Lists containing this project

• awesome-github-star - datetimepicker

README

        
# jQuery DateTimePicker

[Demo and Documentation](https://xdsoft.net/jqplugins/datetimepicker/)

[![Build Status](https://travis-ci.org/xdan/datetimepicker.svg?branch=master)](https://travis-ci.org/xdan/datetimepicker)

[![npm version](https://badge.fury.io/js/jquery-datetimepicker.svg)](https://badge.fury.io/js/jquery-datetimepicker)

[![npm](https://img.shields.io/npm/dm/jquery-datetimepicker.svg)](https://www.npmjs.com/package/jquery-datetimepicker)

PLEASE. Help me update the documentation.

[Doc.tpl](https://github.com/xdan/datetimepicker/blob/master/doc.tpl)

This file will be automatically displayed on the site

# Installation

```bash

npm install jquery-datetimepicker

```

OR

```bash

yarn add jquery-datetimepicker

```

or download [zip](https://github.com/xdan/datetimepicker/releases)

# datetimepicker

==============

**!!! In the latest version the 'lang' option is obsolete. The language setting is now global. !!!**

Use this:

```javascript

jQuery.datetimepicker.setLocale('en');

```

[Documentation][doc]

jQuery Plugin Date and Time Picker

DateTimePicker

![ScreenShot](https://raw.github.com/xdan/datetimepicker/master/screen/1.png)

DatePicker

![ScreenShot](https://raw.github.com/xdan/datetimepicker/master/screen/2.png)

TimePicker

![ScreenShot](https://raw.github.com/xdan/datetimepicker/master/screen/3.png)

Options to highlight individual dates or periods

![ScreenShot](https://raw.github.com/Mingpao/datetimepicker/master/screen/4.png)

![ScreenShot](https://raw.github.com/Mingpao/datetimepicker/master/screen/5.png)

![ScreenShot](https://raw.github.com/Mingpao/datetimepicker/master/screen/6.png)

[doc]: https://xdsoft.net/jqplugins/datetimepicker/

### JS Build help

**Requires Node and NPM** [Download and install node.js](http://nodejs.org/download/).

Install:

1. Install `bower` globally with `npm install -g bower`.

2. Run `npm install`. npm will look at `package.json` and automatically install the necessary dependencies. 

3. Run `bower install`, which installs front-end packages defined in `bower.json`.

Notice: If you use Bower v1.5.2, you will get the error: `The "main" field cannot contain minified files`

You can regress to version 1.3.12

1. `npm uninstall bower -g`

2. `npm install -g [email protected]`

Build:

First install npm requirements: `npm install -g uglifycss concat-cli`

Then build the files: `npm run build`

When the build completes, you'll have the following files:

- **build/jquery.datetimepicker.full.js** - browser file

- **build/jquery.datetimepicker.full.min.js** - browser minified file

- **build/jquery.datetimepicker.min.js** - amd module style minified file