Javascript 角度UI引导数据选择器

我使用的是的datepicker，当我以编程方式更改视图不更改的日期时，当我在11月30日并以编程方式将日期更改为12月2日时，日期更改了，但视图在11月仍然固定，下面是我如何编写下一个日期按钮的代码

$scope.right=function(){
    if($scope.viewmodel.timeResolution=='yearly')
        $scope.dt.setFullYear($scope.dt.getFullYear()+1);
    else if($scope.viewmodel.timeResolution=='monthly')
        $scope.dt.setMonth($scope.dt.getMonth()+1);
    else if($scope.viewmodel.timeResolution=='daily') {
        $scope.dt.setDate($scope.dt.getDate() + 1);
    }
    $scope.changedValue();
};

 <uib-datepicker ng-model="dt" id="dp" datepicker-mode="mode" init-date="initDate" show-weeks=false max-mode="maxMode"  min-date="minDate" max-date="maxDate" min-mode="minMode" class="well well-sm"  ng-change="changedValue(viewmodel.dt)"></uib-datepicker>

Html:

 <uib-datepicker ng-model="dt" id="dp" datepicker-mode="mode" init-date="initDate" show-weeks=false max-mode="maxMode"  min-date="minDate" max-date="maxDate" min-mode="minMode" class="well well-sm"  ng-change="changedValue(viewmodel.dt)"></uib-datepicker>

---

如何在每次我在datepicker上以编程方式更改日期时模拟刷新视图？

为了让您更好地体验角度日期，您应该查看矩.js

 <uib-datepicker ng-model="dt" id="dp" datepicker-mode="mode" init-date="initDate" show-weeks=false max-mode="maxMode"  min-date="minDate" max-date="maxDate" min-mode="minMode" class="well well-sm"  ng-change="changedValue(viewmodel.dt)"></uib-datepicker>

 <uib-datepicker ng-model="dt" id="dp" datepicker-mode="mode" init-date="initDate" show-weeks=false max-mode="maxMode"  min-date="minDate" max-date="maxDate" min-mode="minMode" class="well well-sm"  ng-change="changedValue(viewmodel.dt)"></uib-datepicker>

它允许您轻松地创建、格式化、添加和减少日期，并且问题最少。使用默认的date.set函数可能会导致很多问题

 <uib-datepicker ng-model="dt" id="dp" datepicker-mode="mode" init-date="initDate" show-weeks=false max-mode="maxMode"  min-date="minDate" max-date="maxDate" min-mode="minMode" class="well well-sm"  ng-change="changedValue(viewmodel.dt)"></uib-datepicker>

---

我有一个这样的设置，使用无问题的时刻

您需要再次转换为日期。函数集。。。仅返回时间戳：

 <uib-datepicker ng-model="dt" id="dp" datepicker-mode="mode" init-date="initDate" show-weeks=false max-mode="maxMode"  min-date="minDate" max-date="maxDate" min-mode="minMode" class="well well-sm"  ng-change="changedValue(viewmodel.dt)"></uib-datepicker>

$scope.right=function(){
    if($scope.viewmodel.timeResolution=='yearly')
        $scope.dt = new Date($scope.dt.setFullYear($scope.dt.getFullYear()+1));
    else if($scope.viewmodel.timeResolution=='monthly')
        $scope.dt = new Date($scope.dt.setMonth($scope.dt.getMonth()+1));
    else if($scope.viewmodel.timeResolution=='daily') {
        $scope.dt = new Date($scope.dt.setDate($scope.dt.getDate() + 1));
    }
    $scope.changedValue();
};

---

你能为datepicker添加html代码吗？@azelix是否有添加日期的业务规则？“你想禁用周末吗？”JoaozitoPolo我补充道，这可能是一个问题，我稍后会研究，但这不是我现在面临的问题，日期的更改如我所愿日期没有问题，但我的日期选择器的视图不跟随日期，例如，月份从11月更改为12月。我不知道您的changedValue（）函数，但日期选择器不需要任何其他调用即可工作。您将我保存在这里，您的答案是正确的，现在它工作得很好，对于changedValue（），它确实会生成地图和时间序列，我的意思是，它与日期选择器本身无关。不客气。使用该组件时，我在时区方面也遇到了一些问题，但它可能会根据您的后端实现而有所不同。