<input type="text" class="f30 textNone" ng-model="mess.birthdayDay" readonly="true" datetimepicker id="datetimepicker2"/>
$('#datetimepicker2').datetimepicker({
yearOffset:0,
lang:'ch',
timepicker:false,//是否显示小时时间
format:'Y-m-d',
// formatDate:'Y/m/d',
maxDate:'2016/03/24',
/*minDate:'2011-03-05',//最小日期
maxDate:'2016-03-30',//最大日期*/
showButtonPanel: true
});
如果想点击时间后时间框不关闭的话,更改js文件里的属性,closeOnDateSelect:1,//不点击关闭
<input id="close" type="button" value="确定"class="fr" style="margin-top:10px;height:50px;width:140px;font-size:30px"/>';
id为close的
这样既可点击关闭
angular 插件用法
app.directive('datetimepicker',function(){
return {
restrict : 'A',//表示该directive仅能以element方式使用,即:<my-dialog></my-dialog>
//A: 表示该directive仅能以attribute方式使用,即:<div my-dialog></div>
link: function (scope, element, attrs) {//可以简单理解为,当directive被angular 编译后,执行该方法
//scope 当你写上该属性时,就表示这个directive不会从它的controller里继承$scope对象,而是会重新创建一个。
//element简单说就是$('my-dialog')
//attrs是个map,内容是你这个directive上的所有属性
//someCtrl,最后一个就是通过require获取的controller的名字,内部控制器
?require选项的值可以分别用前缀?、^ 和?^进行修饰,也可以不修饰。
如果不进行修饰,比如require:'thisDirective',那么require只会在当前指令中查找控制器
如果想要指向上游的指令,那么就是用^进行修饰,比如require:'^parentDirective',如果没有找到,那就会抛出一个错误。
如果使用?前缀,就意味着如果在当前指令没有找到控制器,就将null作为link的第四个参数;
那么,如果将?和^结合起来,我们就可以既指定上游指令,又可以在找不到时,不抛出严重的错误