datetimepicker.js插件的用法

<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的第四个参数;

      那么,如果将?和^结合起来,我们就可以既指定上游指令,又可以在找不到时,不抛出严重的错误


                    $(element).datetimepicker({
                    /*closeText: '关闭', */
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
                    });
                    }
             }
});

你可能感兴趣的:(Angular,插件用法)