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
                    });
                    }
             }
});
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章