syn.uicontrols.$datepicker

syn_datepicker 컨트롤은 Pikaday를 이용하여 개발됩니다.

<div>
    <syn_datepicker id="dtpDatePicker" syn-options="{format: 'YYYY-MM-DD'}"></syn_datepicker>
    <syn_datepicker id="dtpStartDatePicker" syn-options="{format: 'YYYY-MM-DD', useRangeSelect: true, rangeEndControlID: 'dtpEndDatePicker'}"></syn_datepicker>
    <syn_datepicker id="dtpEndDatePicker" syn-options="{format: 'YYYY-MM-DD', useRangeSelect: true, rangeStartControlID: 'dtpStartDatePicker'}"></syn_datepicker>
</div>
<hr />
<div>
    <input type="button" id="btnGetValue" value="getValue" syn-events="['click']" />
    <input type="button" id="btnSetValue" value="setValue" syn-events="['click']" />
    <input type="button" id="btnClear" value="clear" syn-events="['click']" />
    <input type="button" id="btnGetControl" value="getControl" syn-events="['click']" />
</div>

'use strict';
let $datepicker = {
    event: {
        btnGetValue_click() {
            syn.$l.eventLog('btnGetValue_click', JSON.stringify(syn.uicontrols.$datepicker.getValue('dtpDatePicker')));
        },

        btnSetValue_click() {
            syn.uicontrols.$datepicker.setValue('dtpDatePicker', '2020-02-28');
        },

        btnClear_click() {
            syn.uicontrols.$datepicker.clear('dtpDatePicker');
        },

        btnGetControl_click() {
            var picker = syn.uicontrols.$datepicker.getControl('dtpDatePicker');
        }
    }
}