<!DOCTYPE html>
<html ng-app="Demo" style="height:100%;">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Angular Moment Picker</title>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet">
<link href="//rawgit.com/indrimuska/angular-moment-picker/master/dist/angular-moment-picker.css" rel="stylesheet">
</head>
<body ng-cloak style="padding:20px;"
ng-controller="DemoController as ctrl">
<div class="form-group">
<input type="search"
class="form-control"
ng-model="ctrl.search"
placeholder="Search a locale...">
</div>
<hr>
<div class="row">
<div class="col-xs-6 form-group"
ng-repeat-start="locale in ctrl.locales | filter:ctrl.search track by locale.value">
<label style="display:block">
<code class="pull-right">{{ locale.value }}</code>
{{ locale.label }}
</label>
<input class="form-control"
placeholder="Select a date..."
moment-picker="ctrl[locale.value].stringDate"
locale="{{ locale.value }}"
format="YYYY-MM-DD"
ng-model="ctrl[locale.value].momentDate"
ng-model-options="{ updateOn: 'blur' }">
<div class="help-block">
<a ng-click="locale.showCode = !locale.showCode">
<span class="caret"></span>
Show/hide code
</a>
<pre ng-if="locale.showCode"><input class="form-control"
placeholder="Select a date..."
moment-picker="ctrl.stringDate"
locale="{{ locale.value }}"
format="YYYY-MM-DD"
ng-model="ctrl.momentDate"
ng-model-options="{ updateOn: 'blur' }"></pre>
</div>
</div>
<div ng-repeat-end ng-if="$index % 2 != 0" class="clearfix"></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.10.6/moment-with-locales.js"></script>
<script src="//rawgit.com/indrimuska/angular-moment-picker/master/dist/angular-moment-picker.js"></script>
<script src="script.js"></script>
</body>
</html>
angular
.module('Demo', ['moment-picker'])
.controller('DemoController', ['$scope', function () {
var ctrl = this;
ctrl.locales = [
{ value: "af", label: "Afrikaans" },
{ value: "sq", label: "Albanian" },
{ value: "ar", label: "Arabic" },
{ value: "ar-dz", label: "Arabic (Algeria)" },
{ value: "ar-ly", label: "Arabic (Lybia)" },
{ value: "ar-ma", label: "Arabic (Morocco)" },
{ value: "ar-sa", label: "Arabic (Saudi Arabia)" },
{ value: "ar-tn", label: "Arabic (Tunisia)" },
{ value: "hy-am", label: "Armenian" },
{ value: "az", label: "Azerbaijani" },
{ value: "eu", label: "Basque" },
{ value: "be", label: "Belarusian" },
{ value: "bn", label: "Bengali" },
{ value: "bs", label: "Bosnian" },
{ value: "br", label: "Breton" },
{ value: "bg", label: "Bulgarian" },
{ value: "my", label: "Burmese" },
{ value: "km", label: "Cambodian" },
{ value: "ca", label: "Catalan" },
{ value: "tzm", label: "Central Atlas Tamazight" },
{ value: "tzm-latn", label: "Central Atlas Tamazight Latin" },
{ value: "zh-cn", label: "Chinese (China)" },
{ value: "zh-hk", label: "Chinese (Hong Kong)" },
{ value: "zh-tw", label: "Chinese (Taiwan)" },
{ value: "cv", label: "Chuvash" },
{ value: "hr", label: "Croatian" },
{ value: "cs", label: "Czech" },
{ value: "da", label: "Danish" },
{ value: "nl", label: "Dutch" },
{ value: "nl-be", label: "Dutch (Belgium)" },
{ value: "en-au", label: "English (Australia)" },
{ value: "en-ca", label: "English (Canada)" },
{ value: "en-ie", label: "English (Ireland)" },
{ value: "en-nz", label: "English (New Zealand)" },
{ value: "en-gb", label: "English (United Kingdom)" },
{ value: "en", label: "English (United States)" },
{ value: "eo", label: "Esperanto" },
{ value: "et", label: "Estonian" },
{ value: "fo", label: "Faroese" },
{ value: "fi", label: "Finnish" },
{ value: "fr", label: "French" },
{ value: "fr-ca", label: "French (Canada)" },
{ value: "fr-ch", label: "French (Switzerland)" },
{ value: "fy", label: "Frisian" },
{ value: "gl", label: "Galician" },
{ value: "ka", label: "Georgian" },
{ value: "de", label: "German" },
{ value: "de-at", label: "German (Austria)" },
{ value: "el", label: "Greek" },
{ value: "he", label: "Hebrew" },
{ value: "hi", label: "Hindi" },
{ value: "hu", label: "Hungarian" },
{ value: "is", label: "Icelandic" },
{ value: "id", label: "Indonesian" },
{ value: "it", label: "Italian" },
{ value: "ja", label: "Japanese" },
{ value: "jv", label: "Javanese" },
{ value: "kk", label: "Kazakh" },
{ value: "tlh", label: "Klingon" },
{ value: "ko", label: "Korean" },
{ value: "ky", label: "Kyrgyz" },
{ value: "lo", label: "Lao" },
{ value: "lv", label: "Latvian" },
{ value: "lt", label: "Lithuanian" },
{ value: "lb", label: "Luxembourgish" },
{ value: "mk", label: "Macedonian" },
{ value: "ms-my", label: "Malay" },
{ value: "ms", label: "Malay" },
{ value: "ml", label: "Malayalam" },
{ value: "dv", label: "Maldivian" },
{ value: "mi", label: "Maori" },
{ value: "mr", label: "Marathi" },
{ value: "me", label: "Montenegrin" },
{ value: "ne", label: "Nepalese" },
{ value: "se", label: "Northern Sami" },
{ value: "nb", label: "Norwegian Bokmål" },
{ value: "nn", label: "Nynorsk" },
{ value: "fa", label: "Persian" },
{ value: "pl", label: "Polish" },
{ value: "pt", label: "Portuguese" },
{ value: "pt-br", label: "Portuguese (Brazil)" },
{ value: "x-pseudo", label: "Pseudo" },
{ value: "pa-in", label: "Punjabi (India)" },
{ value: "ro", label: "Romanian" },
{ value: "ru", label: "Russian" },
{ value: "gd", label: "Scottish Gaelic" },
{ value: "sr", label: "Serbian" },
{ value: "sr-cyrl", label: "Serbian Cyrillic" },
{ value: "si", label: "Sinhalese" },
{ value: "sk", label: "Slovak" },
{ value: "sl", label: "Slovenian" },
{ value: "es", label: "Spanish" },
{ value: "es-do", label: "Spanish (Dominican Republic)" },
{ value: "sw", label: "Swahili" },
{ value: "sv", label: "Swedish" },
{ value: "tl-ph", label: "Tagalog (Philippines)" },
{ value: "tzl", label: "Talossan" },
{ value: "ta", label: "Tamil" },
{ value: "te", label: "Telugu" },
{ value: "tet", label: "Tetun Dili (East Timor)" },
{ value: "th", label: "Thai" },
{ value: "bo", label: "Tibetan" },
{ value: "tr", label: "Turkish" },
{ value: "uk", label: "Ukrainian" },
{ value: "uz", label: "Uzbek" },
{ value: "vi", label: "Vietnamese" },
{ value: "cy", label: "Welsh" },
{ value: "yo", label: "Yoruba Nigeria" },
{ value: "ss", label: "siSwati" }
];
}]);
# Angular Moment Picker
Angular Moment Picker is an AngularJS directive for date and time picker using Moment.js.
### More info at:
https://github.com/indrimuska/angular-moment-picker