ola*_*tom 1 jquery angularjs angular-ui-bootstrap bootstrap-datepicker bootstrap-datetimepicker
我在我的html页面中使用了一个datepicker,如下所示:
HTML
<div ng-controller="StartDateCtrl">
<label class="control-label" for="startDate"> Date:</label>
<div class="row">
<div class="col-md-6">
<p class="input-group">
<input type="text" name="startDate" class="form-control" show-button-bar="true" datepicker-popup="yyyy-MM-dd" ng-model="startDate" is-open="opened" min="minDate" max="'22-06-2015'" datepicker-options="dateOptions" date-disabled="disabled(date, mode)" ng-required="true" close-text="Close" />
<span class="input-group-btn">
<button class="btn btn-default" ng-click="open($event)"><i class="glyphicon glyphicon-calendar"></i></button>
</span>
</p>
</div>
</div>
</div>
日期采摘控制器
var StartDateCtrl= function ($scope) {
$scope.today = function() {
$scope.travelStartDate = new Date();
};
$scope.today();
$scope.showWeeks = true;
$scope.toggleWeeks = function () {
$scope.showWeeks = ! $scope.showWeeks;
};
$scope.clear = function () {
$scope.travelStartDate = null;
};
// Disable weekend selection
$scope.disabled = function(date, mode) {
return ( mode === 'day' && ( date.getDay() === 0 || date.getDay() === 6 ) );
};
$scope.toggleMin = function() {
$scope.minDate = ( $scope.minDate ) ? null : new Date();
};
$scope.toggleMin();
$scope.open = function($event) {
$event.preventDefault();
$event.stopPropagation();
$scope.opened = true;
};
$scope.dateOptions = {
'year-format': "'yy'",
'starting-day': 1
};
//$scope.formats = ['dd-MMMM-yyyy', 'yyyy/MM/dd', 'shortDate'];
$scope.formats = ['yyyy-MM-dd'];
$scope.format = $scope.formats[0];
};
主控制器
app.controller('UpdateShoppingBasketCtrl', ['$scope', 'ShoppingBasketFactory', '$location',
function ($scope, ShoppingBasketFactory, $location) {
alert('START DATE = '+ $scope.startDate );
}]);
当提交网页时,我正在主窗体控制器中重新开始日期,但格式与我的日期选择器弹出窗口中显示的格式不同.选择后显示的格式例如是'26/03/2014'.但是,在我的控制器中,我得到:2014年3月26日00:00:00 GMT 0000(格林威治标准时间标准时间)
请问,如何在控制器中显示日期格式,而不是"2014年3月26日00:00:00 GMT 0000(格林威治标准时间标准时间)"????
Eng*_*eer 12
<body ng-app="MyApp" ng-controller="MyController">
<div>{{date}}</div>
</body>
脚本:
angular.module('MyApp',[])
.controller('MyController',function($scope,$filter){
$scope.date = $filter('date')(Date.now(),'yyyy-MM-dd');
});
| 归档时间： |
|
| 查看次数： |
27671 次 |
| 最近记录： |