angularjs mobiscroll 日期用例

发表于   |   分类于   |  

Angularjs 写了个mobiscroll directive ：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
.directive('mobiDateTimePicker', function() {
  return {
    restrict: 'A',
    link: function($scope, element, attrs) {
      return $(element).mobiscroll().datetime({
        theme: 'default',
        display: 'bottom',
        lang:'zh',
        minWidth:40,
        steps:{  minute: 15},
        rows:3,
        // dayText: '日', monthText: '月', yearText: '年',
        dateFormat: 'yy-MM-dd',
        timeFormat: 'HH:ii:ss',
        // timeWheels: 'HHii',
        showNow: true, 
        showLabel:true,
        dateOrder: 'yyyyMMddDD',
        // tap:true,
        // invalid:[{'10/27',start:'18:00',end:"19:00"}]
        headerText: function (valueText) { //自定义弹出框头部格式
            return valueText;
        },
        // dayNames:['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday']
      });
    }
  };
})

其中：minWidth:40是控件的显示高度，dateOrder: 'yyyyMMddDD',可显示友好的星期+日期：