Document
opened:<span style="background-color: #f5f5f5; color: #0000ff">false<span style="background-color: #f5f5f5; color: #000000">
};
$scope.pop2<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">{
opened:<span style="background-color: #f5f5f5; color: #0000ff">false<span style="background-color: #f5f5f5; color: #000000">
};
$scope.openpop1<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">(){
$scope.pop1.opened<span style="background-color: #f5f5f5; color: #000000">=!<span style="background-color: #f5f5f5; color: #000000">$scope.pop1.opened;
};
$scope.openpop2<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">(){
$scope.pop2.opened<span style="background-color: #f5f5f5; color: #000000">=!<span style="background-color: #f5f5f5; color: #000000">$scope.pop2.opened;
};
$scope.datepickerOptions2.minDate<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">newValue;
});
$scope.$watch(<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">dt2<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">,oldValue){
$scope.datepickerOptions1.maxDate<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">newValue;
});
<span style="background-color: #f5f5f5; color: #008000">/<span style="background-color: #f5f5f5; color: #008000">手动输入限制 使用表单验证
datepicker输入限制 使用maxDate minDate
startPopup 最小时间 没有限制 最大时间 endTime
endPopup 最小时间 startTime 最大时间 today
<span style="background-color: #f5f5f5; color: #008000">*/<span style="background-color: #f5f5f5; color: #000000">
})
<span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">head<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">body <span style="color: #ff0000">ng-controller<span style="color: #0000ff">="myCtrl"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="row"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-2"<span style="color: #0000ff">>上架时间:<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-4"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="dt1"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="pop1.opened"<span style="color: #ff0000">
ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="关闭"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="datepickerOptions1"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop1()"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop1()"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-2"<span style="color: #0000ff">>下架时间:<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-4"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="dt2"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="pop2.opened"<span style="color: #ff0000">
ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="关闭"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="datepickerOptions2"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop2()"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop2()"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>
$scope.dt1;
$scope.dt2;
$scope.datepickerOptions1</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000">{
maxDate:$scope.dt2,showWeeks:</span><span style="background-color: #f5f5f5; color: #0000ff">false</span><span style="background-color: #f5f5f5; color: #000000">,startingDay:</span><span style="background-color: #f5f5f5; color: #000000">1</span><span style="background-color: #f5f5f5; color: #000000">
};
$scope.datepickerOptions2</span><span style="background-color: #f5f5f5; color: #000000">=</span><span style="background-color: #f5f5f5; color: #000000">{
minDate:$scope.dt1,startingDay:</span><span style="background-color: #f5f5f5; color: #000000">1</span><span style="background-color: #f5f5f5; color: #000000">
};
</span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">打开popup</span>
<span style="background-color: #f5f5f5; color: #000000"> $scope.pop1
<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">{opened:<span style="background-color: #f5f5f5; color: #0000ff">false<span style="background-color: #f5f5f5; color: #000000">
};
$scope.pop2<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">{
opened:<span style="background-color: #f5f5f5; color: #0000ff">false<span style="background-color: #f5f5f5; color: #000000">
};
$scope.openpop1<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">(){
$scope.pop1.opened<span style="background-color: #f5f5f5; color: #000000">=!<span style="background-color: #f5f5f5; color: #000000">$scope.pop1.opened;
};
$scope.openpop2<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #0000ff">function<span style="background-color: #f5f5f5; color: #000000">(){
$scope.pop2.opened<span style="background-color: #f5f5f5; color: #000000">=!<span style="background-color: #f5f5f5; color: #000000">$scope.pop2.opened;
};
</span><span style="background-color: #f5f5f5; color: #008000">//</span><span style="background-color: #f5f5f5; color: #008000">监听dt1 和dt2 如果dt1 变化就设置 datepickeroptions.mindate就变化</span>
<span style="background-color: #f5f5f5; color: #000000">
$scope.$watch(
$scope.datepickerOptions2.minDate<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">newValue;
});
$scope.$watch(<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">dt2<span style="background-color: #f5f5f5; color: #000000">'<span style="background-color: #f5f5f5; color: #000000">,oldValue){
$scope.datepickerOptions1.maxDate<span style="background-color: #f5f5f5; color: #000000">=<span style="background-color: #f5f5f5; color: #000000">newValue;
});
<span style="background-color: #f5f5f5; color: #008000">/<span style="background-color: #f5f5f5; color: #008000">手动输入限制 使用表单验证
datepicker输入限制 使用maxDate minDate
startPopup 最小时间 没有限制 最大时间 endTime
endPopup 最小时间 startTime 最大时间 today
<span style="background-color: #f5f5f5; color: #008000">*/<span style="background-color: #f5f5f5; color: #000000">
})
<span style="color: #0000ff"></<span style="color: #800000">script<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">head<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">body <span style="color: #ff0000">ng-controller<span style="color: #0000ff">="myCtrl"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="row"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-2"<span style="color: #0000ff">>上架时间:<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-4"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="dt1"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="pop1.opened"<span style="color: #ff0000">
ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="关闭"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="datepickerOptions1"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop1()"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop1()"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-2"<span style="color: #0000ff">>下架时间:<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-xs-4"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="dt2"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="pop2.opened"<span style="color: #ff0000">
ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="关闭"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="datepickerOptions2"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop2()"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="openpop2()"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>
Document
<span style="color: #0000ff"><<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-app<span style="color: #0000ff">="myApp"<span style="color: #ff0000"> ng-controller<span style="color: #0000ff">="myCtrl"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="container"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="row"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-md-4"<span style="color: #0000ff">><span style="color: #000000">上架日期:
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="startTime"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="open1"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="{maxDate:(endTime),showWeeks:false}"<span style="color: #ff0000"> ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="取消"<span style="color: #ff0000"> alt-input-formats<span style="color: #0000ff">="altInputFormats"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open1=!open1"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">type<span style="color: #0000ff">="button"<span style="color: #ff0000"> class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open1=!open1"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">src</span><span style="color: #0000ff">="lib/angular1.6.1.js"</span><span style="color: #0000ff">></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">src</span><span style="color: #0000ff">="lib/ui-bootstrap-tpls-2.3.2.js"</span><span style="color: #0000ff">></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">src</span><span style="color: #0000ff">="lib/angular-locale_zh-cn.js"</span><span style="color: #0000ff">></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">style</span><span style="color: #0000ff">></span><span style="background-color: #f5f5f5; color: #800000">
.container</span><span style="background-color: #f5f5f5; color: #000000">{</span><span style="background-color: #f5f5f5; color: #ff0000">
margin-top</span><span style="background-color: #f5f5f5; color: #000000">:</span><span style="background-color: #f5f5f5; color: #0000ff"> 50px</span><span style="background-color: #f5f5f5; color: #000000">;</span>
<span style="background-color: #f5f5f5; color: #000000">}</span><span style="background-color: #f5f5f5; color: #800000">
.uib-datepicker-popup.dropdown-menu .uib-daypicker</span><span style="background-color: #f5f5f5; color: #000000">{</span><span style="background-color: #f5f5f5; color: #ff0000">
outline</span><span style="background-color: #f5f5f5; color: #000000">:</span><span style="background-color: #f5f5f5; color: #0000ff"> none</span><span style="background-color: #f5f5f5; color: #000000">;</span>
<span style="background-color: #f5f5f5; color: #000000">}</span>
<span style="color: #0000ff"></</span><span style="color: #800000">style</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></
<span style="color: #800000">head<span style="color: #0000ff">><span style="color: #0000ff"><<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">ng-app<span style="color: #0000ff">="myApp"<span style="color: #ff0000"> ng-controller<span style="color: #0000ff">="myCtrl"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="container"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="row"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-md-4"<span style="color: #0000ff">><span style="color: #000000">上架日期:
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="startTime"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="open1"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="{maxDate:(endTime),showWeeks:false}"<span style="color: #ff0000"> ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="取消"<span style="color: #ff0000"> alt-input-formats<span style="color: #0000ff">="altInputFormats"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open1=!open1"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">type<span style="color: #0000ff">="button"<span style="color: #ff0000"> class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open1=!open1"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><</span><span style="color: #800000">div </span><span style="color: #ff0000">class</span><span style="color: #0000ff">="col-md-4"</span><span style="color: #0000ff">></span><span style="color: #000000">下架日期:
</span><span style="color: #0000ff"><</span><span style="color: #800000">p </span><span style="color: #ff0000">class</span><span style="color: #0000ff">="input-group"</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">input </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text"</span><span style="color: #ff0000"> class</span><span style="color: #0000ff">="form-control"</span><span style="color: #ff0000"> uib-datepicker-popup</span><span style="color: #0000ff">="yyyy-MM-dd"</span><span style="color: #ff0000"> ng-model</span><span style="color: #0000ff">="endTime"</span><span style="color: #ff0000"> is-open</span><span style="color: #0000ff">="open2"</span><span style="color: #ff0000"> datepicker-options</span><span style="color: #0000ff">="{minDate:(startTime),showWeeks:false}"</span><span style="color: #ff0000"> ng-required</span><span style="color: #0000ff">="true"</span><span style="color: #ff0000"> clear-text</span><span style="color: #0000ff">="清空"</span><span style="color: #ff0000"> current-text</span><span style="color: #0000ff">="今天"</span><span style="color: #ff0000"> close-text</span><span style="color: #0000ff">="取消"</span><span style="color: #ff0000"> ng-click</span><span style="color: #0000ff">="open2=!open2"</span><span style="color: #0000ff">/></span>
<span style="color: #0000ff"><</span><span style="color: #800000">span </span><span style="color: #ff0000">class</span><span style="color: #0000ff">="input-group-btn"</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">button </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="button"</span><span style="color: #ff0000"> class</span><span style="color: #0000ff">="btn btn-default"</span><span style="color: #ff0000"> ng-click</span><span style="color: #0000ff">="open2=!open2"</span><span style="color: #0000ff">><</span><span style="color: #800000">i </span><span style="color: #ff0000">class</span><span style="color: #0000ff">="glyphicon glyphicon-calendar"</span><span style="color: #0000ff">></</span><span style="color: #800000">i</span><span style="color: #0000ff">></</span><span style="color: #800000">button</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></</span><span style="color: #800000">span</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></</span><span style="color: #800000">p</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></</span><span style="color: #800000">div</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"><</span><span style="color: #800000">script </span><span style="color: #ff0000">type</span><span style="color: #0000ff">="text/javascript"</span><span style="color: #0000ff">></span><span style="background-color: #f5f5f5; color: #000000">
angular.module(</span><span style="background-color: #f5f5f5; color: #000000">'</span><span style="background-color: #f5f5f5; color: #000000">myApp</span><span style="background-color: #f5f5f5; color: #000000">'</span><span style="background-color: #f5f5f5; color: #000000">,</span><span style="background-color: #f5f5f5; color: #0000ff">function</span><span style="background-color: #f5f5f5; color: #000000"> ($scope) {
})
</span><span style="color: #0000ff"></</span><span style="color: #800000">script</span><span style="color: #0000ff">></span>
<span style="color: #0000ff"></<span style="color: #800000">body<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">html<span style="color: #0000ff">>
<
<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="endTime"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="open2"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="{minDate:(startTime),showWeeks:false}"<span style="color: #ff0000"> ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="取消"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open2=!open2"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">type<span style="color: #0000ff">="button"<span style="color: #ff0000"> class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open2=!open2"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
<span style="color: #0000ff"><
<span style="color: #800000">div <span style="color: #ff0000">class<span style="color: #0000ff">="col-md-4"<span style="color: #0000ff">><span style="color: #000000">下架日期:<span style="color: #0000ff"><<span style="color: #800000">p <span style="color: #ff0000">class<span style="color: #0000ff">="input-group"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">input <span style="color: #ff0000">type<span style="color: #0000ff">="text"<span style="color: #ff0000"> class<span style="color: #0000ff">="form-control"<span style="color: #ff0000"> uib-datepicker-popup<span style="color: #0000ff">="yyyy-MM-dd"<span style="color: #ff0000"> ng-model<span style="color: #0000ff">="endTime"<span style="color: #ff0000"> is-open<span style="color: #0000ff">="open2"<span style="color: #ff0000"> datepicker-options<span style="color: #0000ff">="{minDate:(startTime),showWeeks:false}"<span style="color: #ff0000"> ng-required<span style="color: #0000ff">="true"<span style="color: #ff0000"> clear-text<span style="color: #0000ff">="清空"<span style="color: #ff0000"> current-text<span style="color: #0000ff">="今天"<span style="color: #ff0000"> close-text<span style="color: #0000ff">="取消"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open2=!open2"<span style="color: #0000ff">/>
<span style="color: #0000ff"><<span style="color: #800000">span <span style="color: #ff0000">class<span style="color: #0000ff">="input-group-btn"<span style="color: #0000ff">>
<span style="color: #0000ff"><<span style="color: #800000">button <span style="color: #ff0000">type<span style="color: #0000ff">="button"<span style="color: #ff0000"> class<span style="color: #0000ff">="btn btn-default"<span style="color: #ff0000"> ng-click<span style="color: #0000ff">="open2=!open2"<span style="color: #0000ff">><<span style="color: #800000">i <span style="color: #ff0000">class<span style="color: #0000ff">="glyphicon glyphicon-calendar"<span style="color: #0000ff">></<span style="color: #800000">i<span style="color: #0000ff">></<span style="color: #800000">button<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">span<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">p<span style="color: #0000ff">>
<span style="color: #0000ff"></<span style="color: #800000">div<span style="color: #0000ff">>
博主的对了,之前在项目里遇到了通过该插件获取的时间传给后台查询数据,会出现日期有差别,应该是时区的原因,所以大家要注意了,这里选择的日期是一个对象,你可以输出看看,传到后台的时候,最后面的一个字母Z就是影响时区的了,网上有说将其换成UTC的,因为我们当时后台接收的是字符串如:2017-08-08,所以我在JS里使用的过滤器$filter(,将选择的时间转换为字符串2017-08-08的格式,所以,那个时区就没具体的去研究处理了好了,上面的可以在任意页面使用了,而且不用在JS里做任何处理哦。。。后面发现有BUG会持续更新的。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。