关于datetimepicker的使用，参考：//www .JB 51。net/article/99896。html文件的后缀

在AngularJs中使用实例：

超文本标记语言代码：

div class=' container ' ng-app=' myApp ' ng-controller=' myCtrl ' div class=' row ' div class=' col-sm-6 ' div class=' form-group '标签选择日期：/label！-指定日期标记-div class=' input-group date ' datetime picker id=' datetime picker 1 '输入类型=' text ' class=' form-control ' ng-model=' date one '/span class=' input-group-addon ' span class=' glyphicon glyphicon-calendar '/span/span/div/p结果：{ { DateOne } }/p/div div class=' col-sm-6 ' div class=' form-group '标签选择日期时间：/label！-指定日期标记-div class=' input-group date ' id=' datetime picker 2 '输入类型=' text ' class=' form-control ' ng-model=' date two '/span class=' input-group-addon ' span class=' glyphicon glyphicon-calendar '/span/span/div/p结果：{{dateTwo}}/p /div /div /div JS代码：

var app=angular.module('myApp '，[])；app.controller('myCtrl '，函数($scope) { //在控制器中绑定选择控件var datepiker 1=$(“# datetime picker 1”).日期时间选择器({ format : ' YYYY-MM-DD '，locale : moment。区域设置(' zh-cn ')}).开启(' dp.change '，函数{ var结果=新时刻(e.date).格式(' YYYY-MM-DD ')；$ scope.dateOne=result$scope .$ apply()；});$('#datetimepicker2 ').日期时间选择器({ format : ' YYYY年梅智节拍器月直接伤害日hh:mm '，现场：时刻。区域设置(' zh-cn ')}).开启(' dp.change '，函数{ var结果=新时刻(e.date).格式(' YYYY年梅智节拍器月直接伤害日hh :mm’)；$scope.dateTwo=结果；$scope .$ apply()；});});效果图：

如果大家还想深入学习，可以点击这里进行学习，再为大家附3个精彩的专题：

引导程序学习教程

引导程序实战教程

引导表使用教程

引导程序插件使用教程

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。