我坚持一个问题,并希望得到任何帮助.我已经阅读了很多讨论,但它们似乎对我不起作用.
//I have a date as a string which I want to get to a date format of dd/MM/yyyy
var collectionDate = '2002-04-26T09:00:00';
//used angularjs date filter to format the date to dd/MM/yyyy
collectionDate = $filter('date')(collectionDate, 'dd/MM/yyyy'); //This outputs 26/04/2002 as a string
如何将其转换为日期对象？我想这样做的原因是因为我想在谷歌图表指令中使用它,其中一列必须是日期.我不希望列类型为字符串:
例如:
var data = new google.visualization.DataTable();
data.addColumn('date', 'Dates');
data.addColumn('number', 'Upper Normal');
data.addColumn('number', 'Result');
data.addColumn('number', 'Lower Normal');
data.addRows(scope.rows);.................
请在http://plnkr.co/edit/9dyBVZh67sxmIqUQB50S?p=preview上的 plunkr代码中查看我的示例
我有4个按钮,其中两个按钮由于条件而被禁用.
我希望能够在禁用的两个按钮上显示工具提示,第二个禁用按钮会显示"测试项目名称2不可用",第二个禁用按钮显示"测试项目名称4不可用",而另一个禁用按钮上没有工具提示两个已启用.
这可能吗？我一直在玩ng-attr-title,如示例中所示,但仍坚持找到我想要的解决方案.
任何帮助将不胜感激..
HTML:
<body>
<div ng-controller=ItemsController>
<h3>Test</h3>
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<ul class="list-group">
<button ng-disabled="isDisabled(item.name)" ng-attr-title="{{item.name}}" class="btn btn-primary" ng-click="select(item)" ng-repeat="item in itemDetails">{{item.name}}</button>
</ul>
</div>
</div>
</div>
</div>
</body>
的script.js
var myItemsApp = angular.module('myItemsApp', []);
myItemsApp.factory('itemsFactory', ['$http', function($http){
var itemsFactory ={
itemDetails: function() {
return $http(
{
url: "mockItems.json",
method: "GET",
})
.then(function (response) {
return response.data;
});
}
};
return itemsFactory;
}]);
myItemsApp.controller('ItemsController', ['$scope', 'itemsFactory', function($scope, itemsFactory){
var promise = itemsFactory.itemDetails();
promise.then(function …这是我在 angularJS 中的 google 图表的 plunkr http://plnkr.co/edit/fpUD3HrMATqAc3E4Uxdc?p=preview
如何让该地图在移动设备上进行捏合和缩放？
现在，“资源管理器”选项可以通过滚动鼠标滚轮在桌面上进行缩放，但我希望它可以在移动设备上进行缩放。
var options = {
'title': 'Results',
'width': 400,
'height': 300,
'legend': { position: 'right' },
'focusTarget': 'category',
'explorer': {}
};
另请注意，我有一个元标记
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
有什么方法可以只包含图表指令的 div 是可扩展的吗？
请在这里查看我的jsfiddle代码 http://jsfiddle.net/695qtssv/2/
如何在禁用时显示工具提示按钮？
HTML
<div class="panel panel-default">
<div ng-repeat="item in itemDetails" tooltip="{{item.name + (isDisabled(item.name)?' is not available' : '')}}">
<button ng-disabled="isDisabled(item.name)" class="btn btn-primary" ng-click="select(item)">{{item.name}}</button>
</div>
</div>
JS:
var myApp = angular.module('myApp', ['ui.bootstrap']);
function MyCtrl($scope) {
$scope.myModel = "Tooltip only works when input is enabled.";
$scope.isDisabled = false;
}
我已经尝试在包含按钮的div上使用工具提示,但仍然没有运气,如示例中所示.
此工具提示可以使用,但我不能在我正在使用的应用程序中使用它.
任何帮助将不胜感激.
我正在尝试创建一个页面,其中列表组中的项目很少,选中后应显示更多详细信息.
请查看此处的示例http://plnkr.co/edit/Oava3pA9OTsm80K58GdT?p=preview
如何根据列表组中选择的项目填充json文件中的详细信息？
这就是我到目前为止所拥有的.
HTML:
<div ng-controller=ItemsController>
<h3>Test</h3>
<div class="row">
<div class="col-md-4">
<div class="panel panel-default">
<ul class="list-group">
<a class="list-group-item" ng-repeat="item in itemDetails">{{item.name}}</a>
</ul>
</div>
</div>
<div class="col-md-8">
<div class="panel panel-default">
<h2>Name: </h2>
<br />Address Line 1:
<br />Address Line 2:
<br />Suburb:
<br />Phone:
<br />Email:
</div>
</div>
</div>
</div>
脚本:
var myItemsApp = angular.module('myItemsApp', []);
myItemsApp.factory('itemsFactory', ['$http', function($http){
var itemsFactory ={
itemDetails: function() {
return $http(
{
url: "mockItems.json",
method: "GET",
})
.then(function (response) {
return response.data;
}); …请在下面查看我的 plunkr
https://plnkr.co/edit/8xjmL9?p=preview
这就是我的 $scope.data 的样子
$scope.data = [
{
"projectedStart":"2016-12-14T00:00:00"
},
{
"projectedStart":"2017-01-04T00:00:00"
},
{
"projectedStart":"2017-01-11T00:00:00"
}
];
这就是我的 scope.possibleDates 的样子
$scope.possibleDates = [
{
"projectedStartDate":"2016-12-07T00:00:00",
"dateName":"December - Week 1"
},
{
"projectedStartDate":"2016-12-14T00:00:00",
"dateName":"December - Week 2"
},
{
"projectedStartDate":"2016-12-21T00:00:00",
"dateName":"December - Week 3"
},
{
"projectedStartDate":"2016-12-28T00:00:00",
"dateName":"December - Week 4"
},
{
"projectedStartDate":"2017-01-04T00:00:00",
"dateName":"January - Week 1 (20/10)"
},
{
"projectedStartDate":"2017-01-11T00:00:00",
"dateName":"January - Week 2 (20/10)"
}
]
这就是我选择的样子，这显然是错误的
<table class="table table-bordered table-hover">
<thead>
<tr>
<th >Projected Date</th> …即使用户已将系统DateTime更改为其他内容,我也试图获取实际的当前本地DateTime(在客户端).
我用过这个:
DateTime localDateTime = DateTime.Now;
但它会查看系统时间,因此如果用户更改系统DateTime,我将无法获得实际的DateTime.
我也考虑过获取时间并转换它,但这也考虑了计算UTC时间的系统时间.
如果无法做到这一点,有没有办法获取网络服务器的DateTime？
这样做的原因是记录更新/创建某些记录的时间,并且我试图避免用户可以通过更改系统时间来操纵此时间的情况.
任何帮助将不胜感激.