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
30
31
32
33
34
35
36
37
38
39
40
//include
<script type="text/javascript" src="/lib/bootstrap/bootstrap-datepicker.js"></script>
<script type="text/javascript" src="/lib/bootstrap/bootstrap-datepicker.ko.min.js"></script>
<link rel="stylesheet" type="text/css" href="/lib/css/bootstrap-datepicker.css">

//editor.btOptions
var btOptions1 = {
    startView: 1,
    minViewMode: 1,
    todayBtn: "linked",
    language: "kr",
    todayHighlight: true,
    language:"ko"
}

//컬럼 설정
{
    name: "OrderDate",
    fieldName: "OrderDate",
    type: "data",
    width: "130",
    styles: {
        textAlignment: "center",
        datetimeFormat: "yyyy-MM"
    },
    header: {
        text: "Order Date",
        styles: {
            background: "linear,#22ffd500,#ffffd500,90"
        }
    },
    editor: {
        type:"btdate", 
        btOptions:btOptions1, //옵션 변수 설정
        datetimeFormat:"yyyy-MM", 
        textReadOnly:true,
        //minDate:new Date("2017-01-01"), 
        //maxDate:new Date("2017-12-31")
    }
}

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
{
    "name": "dateTime3",
    "fieldName": "dateTime3",
    "width": "160",
    "header": {
        "text": "yyyyMM -> yyyy-MM",
        "styles": {
            "background": "linear,#22ffd500,#ffffd500,90"
        }
    },
    "displayRegExp": "([0-9]{4})([0-9]{2})$",
    "displayReplace": "$1-$2",
    "editor": {
        "type": "btdate",
        "btOptions": {
            "startView": 1,
            "minViewMode": 1,
            "todayBtn": "linked",
            "language": "kr",
            "todayHighlight": true,
            "language": "ko"
        },
        "datetimeFormat": "yyyyMM",
        "textReadOnly": true,
        "mask": {
            "editMask": "9999-99"
        }
    }
}