打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
bootstrap/angularjs 日期控件

js:

//日期控件
$scope.dateOptions = {
     startingDay: 1,
     class: 'datepicker'
};
//日期控件
   $scope.format = "yyyy-MM-dd";
$scope.openDatepicker = function($event, i) {
$event.preventDefault();
$event.stopPropagation();
if(i==1){
$scope.loanDate = true;
}
}

html:

<div class="form-group col-sm-6">
<label>日期:</label> 
<div class="input-group m-d">
<input type="text" class="form-control"  name="loanDate"
datepicker-popup="{{format}}" ng-model="finance.loanDate"
is-open="loanDate" datepicker-options="dateOptions"
close-text="Close" /> <span class="input-group-btn">
<button type="button" class="btn btn-default"
ng-click="openDatepicker($event,1)">
<i class="glyphicon glyphicon-calendar"></i>
</button>
</span>
</div>
</div>



本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
My97DatePicker时间控件使用(转)
ASP.NET 使用My97DatePicker日期控件
javascript-在IE中的Angular Bootstrap Datepicker之外单击会引发“包含”错误
JQuery日历插件My97DatePicker日期范围限制
联动的日期选择定位问题My97DatePicker
My97日期控件 My97 DatePicker 4.1 正式版
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服