Home

Awesome

mdDateTime (Depreciated)

All future work is being done in scDateTime

Requirements

  1. AngularJS1.2.x
  2. FontAwesome4.2.x

Optional Recommended requirements

  1. Angular-Material

For non-Material projects.

If you are not using angular-material you need to shim the md-button directive as follows (Example for bootstrap, for non bootstrap remove the btn and btn-link classes and you will probably have to alter the styling)

.directive('mdButton', [function(){
	return {
		replace: true,
		restricte: 'E',
		transclude: true,
		template: '<button class="btn btn-link md-button" ng-transclude></button>'
	};
}]);

Where to get it

Via Bower:

Run bower install md-date-time from the command line. Include script tags similar to the following:

<link rel='stylesheet' href='/bower_components/md-date-time/dist/md-date-time.css'>
<script src='/bower_components/md-date-time/dist/md-date-time.js'></script>

Via Github

Download the code from https://github.com/simeonc/md-date-time/releases/latest, unzip the files then add script tags similar to the following:

<link rel='stylesheet' href='/path/to/unzipped/files/md-date-time/dist/md-date-time.css'>
<script src='/path/to/unzipped/files/md-date-time/dist/md-date-time.js'></script>

Usage

  1. Include md-date-time.js and md-date-time.css, if not using angular-material see the For non-Material projects for the mdButton shim.
  2. Add a dependency to mdDateTime in your app module, for example: angular.module('myModule', ['mdDateTime']).
  3. Some implementation settings are required to get this useful, but for basic inline use:
<time-date-picker ng-model="dateValue"></time-date-picker>

Options

Issues?

It has been tested to work on Chrome, Safari, Opera, Firefox and Internet Explorer 8+. If you find something, please let me know - throw me a message, or submit a issue request!

FAQ

  1. The editor appears at a strange size? The editor is sized using REM, so try changing the font-size, or at least the font-size at the editor base. I find the following works well:
.time-date {
	font-size: 14px !important;
}

Developer Notes

When checking out, you need a node.js installation, running npm install will get you setup with everything to run the compile and unit tests tasks (Coming Soon!). All changes should be done in the lib folder, running gulp compile to compile the app or use gulp watch to compile the files as you save them. Read the CONTRIBUTING.md file before starting a PR.

License

This project is licensed under the MIT license.

Contributers

Special thanks to all the contributions thus far!

For a full list see: https://github.com/simeonc/md-date-time/graphs/contributors