jQuery 웹, 모바일에 사용 할만 한 캘린더

 

PIGNOSE Calendar

www.pigno.se/barn/PIGNOSE-Calendar/

PIGNOSE Calendar

 

<link rel="stylesheet" type="text/css" href="/plugins/pg-calendar/demo/css/ui.css"/>
<link rel="stylesheet" type="text/css" href="/plugins/pg-calendar/dist/css/pignose.calendar.min.css"/>


<input type="text" id="text-calendar" class="calendar" />

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.3.1/semantic.min.js"></script>
<script type="text/javascript" src="/plugins/pg-calendar/dist/js/pignose.calendar.full.min.js"></script>
<script type="text/javascript">

    $('input.calendar').pignoseCalendar({
        format: 'YYYY-MM-DD', // date format string. (2017-02-02)
        theme: 'light', // light, dark, blue
        lang: 'ko',
        buttons: true,
    });

</script>

 

 

 

pg-calendar-master.zip

0.41MB

 

 

 

 

Bootstrap Material DatePicker

t00rk.github.io/bootstrap-material-datetimepicker/

Bootstrap-Material DateTimePicker

github.com/T00rk/bootstrap-material-datetimepicker

T00rk/bootstrap-material-datetimepicker

designlink.work/en-US/bootstrap-material-datepicker/

Bootstrap Material DatePicker

 

 

<link rel="stylesheet" href="/plugins/datetimepicker/css/bootstrap-material-datetimepicker.css" />-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<script type="text/javascript" src="/plugins/datetimepicker/js/moment-with-locales.js"></script>
<script type="text/javascript" src="/plugins/datetimepicker/js/bootstrap-material-datetimepicker.js"></script>

<input type="text" id="date" class="form-control floating-label" placeholder="Date">

<script>
    $('#date').bootstrapMaterialDatePicker({
        lang:'ko',
        weekStart : 0,
        cancelText: '취소',
        okText: '확인',
        relativeTime:'L',
        time: false
    });
</script>

 

 

bootstrap-material-datetimepicker-gh-pages.zip

0.24MB