gpt4 book ai didi

javascript - Angularjs 绑定(bind)日期时间选择器中的值

转载 作者:行者123 更新时间:2023-12-03 04:00:04 24 4
gpt4 key购买 nike

我无法从日期时间选择器中显示日期时间。这是我的 HTML 代码:

<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>

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

最佳答案

这个函数应该可以帮助您,由于该模块位于 jquery 中,它可能在 Angular 范围之外工作,您可能无法在 Controller 中获取它的值,因此您必须在 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

关于javascript - Angularjs 绑定(bind)日期时间选择器中的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44758250/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com