Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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: 9 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 (over 10 years ago)
Default Branch: master
Last Pushed: 2023-06-28T10:14:33.000Z (almost 1 year ago)
Last Synced: 2024-06-19T11:06:20.976Z (9 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,495
Watchers: 162
Forks: 1,517
Open Issues: 430
Metadata Files:
- Readme: README.md
- License: MIT-LICENSE.txt

Lists

awesome-github-star - datetimepicker
awesome - xdan/datetimepicker - jQuery Plugin Date and Time Picker (JavaScript)

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