datetimepicker_with_moment_example.html

<link rel="stylesheet" type="text/css" href="/bower_components/datetimepicker/build/jquery.datetimepicker.min.css">
<!-- php.date.formatter.js 와 jquery.mousewheeel.js 를 포함하는 full.js-->
<!-- moment는 이미 선언되어있다고 가정합니다 -->
<script src="/bower_components/datetimepicker/build/jquery.datetimepicker.full.min.js"></script>
 
<script>
// dateTimePicker localization
$.datetimepicker.setLocale('ko');
// dateTimePicker moment.js와 연동
$.datetimepicker.setDateFormatter({
    parseDate: function (date, format) {
        var d = moment(date, format);
        return d.isValid() ? d.toDate() : false;
    },
 
    formatDate: function (date, format) {
        return moment(date).format(format);
    }
});
 
$(function(){
    // datetimepicker init
    $('.datetimepicker').datetimepicker({
          format:'YYYY-MM-DD HH:mm:ss',
          formatTime:'HH:mm',
          formatDate:'YYYY-MM-DD'
    });
});
</script>
 
<input type="text" name="startDate" class="datetimepicker"/> ~ <input type="text" name="endDate" class="datetimepicker"/>