Mudanças entre as edições de "Usando date picker do JQuery UI no Angular JS"
De Basef
(Criou página com 'Para usar o date picker do JQuery com Angular JS: 1) Configurar a directiva: <source lang="javascript"> angular .module('app') .directive('datepicker', function() {...') |
|||
| Linha 28: | Linha 28: | ||
2) Incluir o HTML: | 2) Incluir o HTML: | ||
| − | <source lang=" | + | <source lang="xml"> |
<input type="text" ng-model="date" datepicker /> | <input type="text" ng-model="date" datepicker /> | ||
</source> | </source> | ||
| Linha 34: | Linha 34: | ||
3) Incluir o arquivo JS e CSS do Jquery UI na ordem apresentada: | 3) Incluir o arquivo JS e CSS do Jquery UI na ordem apresentada: | ||
| − | <source lang=" | + | <source lang="xml"> |
<link href="jquery-ui.min.css" rel="stylesheet"> | <link href="jquery-ui.min.css" rel="stylesheet"> | ||
<script src="jquery.min.js"></script> | <script src="jquery.min.js"></script> | ||
Edição atual tal como às 09h46min de 9 de junho de 2016
Para usar o date picker do JQuery com Angular JS:
1) Configurar a directiva:
angular
.module('app')
.directive('datepicker', function() {
return {
restrict: 'A',
require : 'ngModel',
link : function (scope, element, attrs, ngModelCtrl) {
$(function(){
element.datepicker({
dateFormat:'dd/mm/yy',
onSelect:function (date) {
scope.$apply(function () {
ngModelCtrl.$setViewValue(date);
});
}
});
});
}
}
});2) Incluir o HTML:
<input type="text" ng-model="date" datepicker />3) Incluir o arquivo JS e CSS do Jquery UI na ordem apresentada:
<link href="jquery-ui.min.css" rel="stylesheet"> <script src="jquery.min.js"></script> <script src="jquery-ui.min.js"></script> <script src="angular.min.js"></script>
