最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
AngularJs中Bootstrap3 datetimepicker的使用方法
时间:2016-12-14 编辑:简简单单 来源:一聚教程网
关于 datetimepicker的使用,参考:http://www.111com.net/wy/js-ajax/125216.htm
在AngularJs中使用实例:
HTML代码:
结果:{{dateOne}} 结果:{{dateTwo}} |
JS代码:
varapp = angular.module('myApp', []);
app.controller('myCtrl',function($scope) {
//在Controller中绑定选择控件
vardatepicker1 = $('#datetimepicker1').datetimepicker({
format:'YYYY-MM-DD',
locale: moment.locale('zh-cn')
}).on('dp.change',function(e) {
varresult =newmoment(e.date).format('YYYY-MM-DD');
$scope.dateOne = result;
$scope.$apply();
});
$('#datetimepicker2').datetimepicker({
format:'YYYY年MM月DD日 hh:mm',
locale: moment.locale('zh-cn')
}).on('dp.change',function(e) {
varresult =newmoment(e.date).format('YYYY年MM月DD日 hh:mm');
$scope.dateTwo= result;
$scope.$apply();
});
});
|
效果图:
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31