我正在创建一个Web应用程序,其中我想显示在控制台上的ng-change我的datepicker文本框的日期
这是我代码
<div class="form-group">
<h3>Enter Date</h3>
<div id="datepicker" class="input-group date" data-date-format="dd-mm-yyyy">
<span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
<input class="form-control" ng-model="mddate" ng-blur="chngDate(mddate)" type="text" readonly />
</div>
<style>
label {
margin-left: 20px;
}
#datepicker {
width: 180px;
margin: 0 20px 20px 20px;
}
#datepicker > span:hover {
cursor: pointer;
}
</style>
<script>
$(function () {
$("#datepicker").datepicker({
autoclose: true,
todayHighlight: true
}).datepicker('update', new Date());;
});
</script>
</div>
字符串
但问题是ng-change不适用于bootstrap datepicker,
这是我在控制器中的函数
$scope.chngDate = function (date) {
var dates = new Date();
console.log(dates);
}
型
我试图在特定的文本框上使用$watch函数,但这也不起作用
$scope.$watch('mddate', function (newValue, oldValue) {
console.log('oldValue=' + oldValue);
console.log('newValue=' + newValue);
//do something
});
型
这是显示未定义的值在第一,然后该函数不执行
我需要做什么?
2条答案
按热度按时间8e2ybdfx1#
使用ng-blur代替ng-change,它对我有效
5hcedyr02#
试试date-change=“chngDate()”