Question

我无法从DateTime选择器显示日期时间。这是我的HTML COde：

<body ng-app="app" ng-controller="mtCtrl"> 
<div class="col-sm-6">
<label style="font-size:12px" for="" class="">Reporting Time</label>
<div class="input-group date form_datetime" data-date-format="HH:ii P" data-link-field="dtp_reporting_time">
<input ng-model="reportingtime" name="reportingtime" id="reportingtime" class="form-control" size="16" type="text">
<span class="input-group-addon"><span class="glyphicon glyphicon-time"></span></span>
</div>
<input type="hidden" id="dtp_reporting_time" /><br/>    
</div>

Time : {{reporting_time}}

<script>
var app = angular.module("app", []);
app.controller("mtCtrl", function ($scope) {
$('.form_datetime').datetimepicker({
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1,
onSelect: function(date){
    angular.element($('#reportingtime')).triggerHandler('input');   
}   
});
$scope.reporting_time = $scope.reportingtime
});
</body>

如果我在此输入中键入一些值，则显示该值，但是当我从datetime选择器中选择日期时，不会显示该日期或时间。
我想在{{reporting_time}}显示时间...请帮帮我..谢谢

Answer 1

这个函数应该让你去，因为模块在jquery中，它可能在角度范围之外工作，你可能无法在控制器中获得它的值，所以你必须在jquery的帮助下手动设置它

$('.form_datetime')
.datetimepicker()
.on('changeDate', function(ev){
    $scope.reporting_time = ev.date.valueOf();
    console.log($scope.reporting_time);
});

同样输入类型日期对于我来说非常适合这个吸管

https://plnkr.co/edit/LhF4PBSsQoFOctc0Q5g5?p=preview

Answer 2

您需要将日期时间输入初始化为日期时间选择器。我建议更换这个

$('.form_datetime').datetimepicker({
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1,
    onSelect: function(date){
        angular.element($('#reportingtime')).triggerHandler('input');   
     }   
});

带

$('#reportingtime').datetimepicker({
    weekStart: 1,
    todayBtn:  1,
    autoclose: 1,
    todayHighlight: 1,
    startView: 2,
    forceParse: 0,
    showMeridian: 1,
    onSelect: function(date){
        angular.element($('#reportingtime')).triggerHandler('input');   
     }   
});

Answer 3

function(date){
    $scope.date = date;
    $scope.formatteddate = ...//format your date as string here
    $scope.$apply();  
}

并将你的ng模型绑定到格式化日期。

为什么$ apply（）？由于角度监视仅对其管理的事件做出反应，因此会刷新绑定值，因为您的日期选择器不受角度管理，因此不会同步输入值。你需要告诉他一些事情发生了变化，他需要做一些事情，这就是$ apply的目的。

Angularjs从Datetime Picker绑定值

3 个答案: